Heads up! To view this whole video, sign in with your Courses account or enroll in your free 7-day trial. Sign In Enroll

Introduction to Design Systems

Well done!

You have completed Introduction to Design Systems!

Sign up for Treehouse Back to Library

Color

5:54 with Anwar Montasir

Design systems provide color documentation for three reasons: to limit the number of colors implemented by designers, to define context for color usage, and to make sure colors are used in an accessible manner.

Further Reading

Vocabulary

  • Hexadecimal values: six-character alphanumeric code used by developers to specify proportions of red, green, and blue in a color
  • Design token: when individual design language elements are purposefully defined for rapid, cross-platform developer implementation
  • Semantics: making decisions based on content meaning, not just presentation
  • Color contrast ratio: numbers comparing the contrast of the foreground color and background color to measure accessibility

Related Discussions

Have questions about this video? Start a discussion with the community and Treehouse staff.

Sign up

    Related Discussions

    Have questions about this video? Start a discussion with the community and Treehouse staff.

    Sign up

    To limit the number of colors implemented by designers, to define context for 0:00
    color usage, and to make sure colors are used in an accessible manner. 0:05
    The goal of Adobe's Spectrum design system is to help product designers 0:14
    create cohesive applications. 0:18
    If I've designed a grayscale wireframe for an Adobe application and reached the stage 0:21
    where I wanted to apply color to the wire frame, I couldn't choose just any color. 0:27

    You need to sign up for Treehouse in order to download course files.

    Sign up

      You need to sign up for Treehouse in order to set up Workspace

      Sign up