13. Color System
13. Color System
Define functional colors, dark mode, and accessible contrast.
Color is both brand expression and functional communication.
A useful architecture:
Diagram source
flowchart TD
A[Primitive Palette]
B[Brand Roles]
C[Neutral Roles]
D[Semantic Roles]
E[Component Usage]
A --> B
A --> C
A --> D
B --> E
C --> E
D --> E