phase 0 · design system
The atomic UI building blocks. Each component supports keyboard interaction and respects the
design tokens in app.css.
Display 64
Heading 40
Heading 28
Body large 20
Body 16 — the default for most prose and labels.
Body small 14
CAPTION 12 / MONO
Vertical drag to change · double-click to reset · shift-drag for fine · scroll wheel works · ↑↓ keyboard
Click a jack to toggle its connected state (demo).