Colors

Colors refer to the use of hues, shades, and tints to enhance the visual appeal and usability of a user interface.

Global Foundations

Overview

Colors enhance visual appeal and usability in a UI.
https://www.figma.com/embed?embed_host=share&url=https%3A%2F%2Fwww.figma.com%2Fdesign%2F8atCSov6KVkMchm0ZT8zeZ%2FShipfaster-UI---v2.7-(LIVE)%3Fnode-id%3D6-12%26t%3DyF0ezYHZKJLOnkyp-1

When should you use them?

Use colors to establish brand identity, create visual hierarchy, and convey meaning or feedback to users.

How should you use them?

  • Use a consistent color palette that aligns with your brand.
  • Ensure sufficient contrast between text and background for readability.
  • Use colors to highlight important actions and information.
  • Test color choices for accessibility, ensuring they are usable by people with color blindness.
  • Avoid using too many colors, which can make the interface look cluttered.
Previous

No previous post
Up next

No next post