Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Color Systems

March 07, 2017

Color Systems

A lightning talk for Design Driven NYC on how I approached introducing a color system at GitHub.


March 07, 2017

More Decks by Diana

Other Decks in Design


  1. As a user I can use color with consistency and

    confidence (that colors can only be used as intended).
  2. • The color palette • How colors can be used

    • Ensuring rules can be followed successfully
  3. Name Descriptor Purpose red green yellow blue cyan indigo violet

    gray black warm cool bright light dark deep dull muted faded foreground background border fill primary secondary highlight accent
  4. “If one says ‘Red’ (the name of the color) and

    there are 50 people listening, it can be expected that there will be 50 reds in their minds. And one can be sure that all these reds will be very di!erent.” Josef Albers, Interaction of Color
  5. Review current color Test new base color Test & tweak

    Compare to rest of palette Test & tweak Post in slack for quick feedback Build out rest of color family Test & tweak Update UI components Deploy to branch-lab Get feedback