Design System

Compass is Northlight's design system: tokens, primitives and patterns shared by Driftline and Beacon.

Principles

1. 1.Semantic first — components consume tokens, never raw values.
2. 2.Dense by default — Driftline is a tool, not a brochure.
3. 3.Motion explains — animation only when it carries meaning.

Token naming

--surface-raised: oklch(0.98 0.005 250);
--ink-muted: oklch(0.55 0.02 250);
--accent-brand: oklch(0.62 0.19 260);