kolibri-design-system icon indicating copy to clipboard operation
kolibri-design-system copied to clipboard

Update guidance on icons for multiple colors

Open jtamiace opened this issue 4 years ago • 2 comments

Product

All products

Desired behavior

We've set precedent for learning activity icons to have multiple colors (as well as the new accessibility icon which hasn't yet been integrated). If decide to continue creating icons with multiple colors, we should provide guidance on:

  • The purpose of multiple colors in an icon
  • When it is and isn't appropriate for icons to have multiple colors
  • Standard and consistent ways to apply multiple colors - the number of colors, differences in hues/saturation/brightness, accessibility, etc.

(Optional) The Value Add

Adding color presents extra information for the user to learn and understand and there's a risk of creating unnecessary clutter. Icons are not purely decorative and they almost always serve a function - colors should be applied just as purposefully and not just for "flair" or "#aesthetic"

jtamiace avatar Jun 14 '21 17:06 jtamiace

hi @jtamiace if this issue still opens please assign me this

ayushman1210 avatar Nov 15 '25 16:11 ayushman1210

Hi! 👋

Thanks so much for your interest! This issue is not open for contribution. Visit Contributing guidelines to learn about the contributing process and how to find suitable issues.

We really appreciate your willingness to help—you're welcome to find a more suitable issue, and let us know if you have any questions. 😊