Foundations

The parts of the system that are not components. Colour is the substantial one — it is where the accessibility argument gets made.

Colour

Four token layers, ten-step ramps, semantic roles, and the text-safe boundary — with a live contrast checker.

stable
Dark mode

Why dark mode is a remapping rather than a filter, and how the ramp inversion is enforced.

stable
Typography

Scale, measure and optical sizing.

planned
Spacing

A 4/8 base with a visible ruler overlay.

planned
Elevation

The half-step argument, and where the light-mode ladder runs out.

planned
Motion

Durations, easings and reduced-motion behaviour.

planned

Pages marked planned are named rather than stubbed. An empty page that looks finished costs more trust than an honest gap.

Colour