Design System GuideDS Guide
Docs
Docs
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.