Apple Silicon meets YC paper
Dual-theme token system, six core primitives, one motion language. Everything downstream — hero, dashboard, wiki, ingest — will be assembled from these building blocks.
Typography
Body · The quick brown fox jumps over the lazy dog. Ligatures render cleanly, rag is balanced, letter-spacing tightens as size grows. We pair Inter for UI with a mono (JetBrains) for data-dense moments.
Body-SM · secondary rank, used for dense lists and captions in context.
CAPTION · METADATA · TIMESTAMPS
mono · const truth = compile(timeline);
Colour tokens
Surfaces
Blurred backdrop + hairline border. Used for floating panels and overlays.
Transparent with a crisp border. Used in YC-paper context for lists.
Buttons
Badges
Inputs
Glow wrap + dotted glow
Hover-triggered glow
hoverSame primitive without always. Used for card grids where we want engagement without distraction.
Hero-ready backdrop
Radial plume + masked dot grid. Drop any hero, dashboard shell, or empty state on top.
Motion library
Ready for Phase 2?
Toggle dark ↔ light using the switch up top. If the two themes feel correct — metallic black for dark, cream paper for light — and the primitives read as premium, Phase 2 (Landing Hero with orbit animation) is unlocked.