Home/Foundations

Foundations

The rules every component obeys. Colors, type, spacing, elevation, motion, iconography, and voice — pick once, apply everywhere.

Visual

The basic decisions that define how the system looks.

Neutral gray scale, Corelith blue, semantic tones.

Source Serif headlines, Atkinson Hyperlegible UI, semantic scale.

4px base, 8px rhythm, 24px gutter. The bones.

Hairline first, shadow only when floating.

Durations, easings, keyframes. Reduced-motion respected.

Lucide-style 1.6px strokes. 50+ icons.

The north-star statements and the accessibility contract every screen meets.

The five North-Star statements that shape every decision.

Keyboard, focus, contrast, reduced motion, target sizes.

How the product talks to the operator now lives under Content — see Voice & tone and the writing guidelines.