Foundations
The rules every component obeys. Colors, type, spacing, elevation, motion, iconography, and voice — pick once, apply everywhere.
Visual
The atomic decisions that define how the system looks.
Colors
Neutral gray scale, Corelith blue, semantic tones.
64 tokens→
Typography
Source Serif headlines, Atkinson Hyperlegible UI, semantic scale.
14 roles→
Spacing & layout
4px base, 8px rhythm, 24px gutter. The bones.
12 steps→
Elevation
Hairline first, shadow only when floating.
5 levels→
Motion
Durations, easings, keyframes. Reduced-motion respected.
9 primitives→
Iconography
Lucide-style 1.6px strokes. 50+ icons.
57 icons→
Voice
How the product talks to the operator.