Handbook
Design System GuideCheat Sheet
Design System GuideCheat Sheet
10. Accessibility Foundations
13. Color System13.1 Functional colors13.2 Dark mode13.3 Contrast
15. Typography16. Motion and Interaction
13. Color System

13.3 Contrast

Color System · Section 13.3

Text/background combinations should be tested.

Document approved pairings.

Example:

surface/default + text/default
surface/brand + text/on-brand
surface/danger + text/on-danger

This prevents developers from accidentally pairing incompatible tokens.

13.2 Dark mode

Color System · Section 13.2

14. Iconography

Specify icon naming, sizing, and accessible usage.