Color
Generate tonal scales and semantic colors from one seed.
Foundations
Understand the color, scale, layout, motion, and verification models used by components.
Design foundations
Type and scale
Generate type sizes and spacing from a modular ratio.
Spacing
Relate component padding and layout gaps through shared spacing steps.
Radius and elevation
Use shared corner and shadow tokens for containers and overlays.
Motion
Generate timing and easing values from motion presets.
Layout and composition
Solve layout constraints and score geometric composition.
Contrast and distinctness
Check foreground contrast and separation between related colors.
Proof system
Inspect calculated component checks and their coverage.