"Warm African-modern": cream paper base, clay primary, deep indigo secondary and ochre accent. Bricolage Grotesque display, Hanken Grotesk UI text, Spline Sans Mono metadata. Every component below is driven by design tokens — nothing hard-coded.
Abstract, non-literal motifs built from clay/indigo/ochre — for section dividers, brand panels and hero/CTA backdrops. Pair with the .grain paper texture (2–3% opacity).
Display / Bricolage Grotesque
Body large — Hanken Grotesk. Support that feels like a conversation.
Body base — Hanken Grotesk. This is the default paragraph.
Small / muted — helper text and captions.
We'll never share this.
Please enter a valid email.
Block: PasswordInput — used on /auth and /reset-password.
Block: InfoHint — keeps pages self-explanatory without static clutter.
Cards use surface + border.
Reusable blocks live in src/components/blocks/ — reuse, never re-implement: Logo, TopNav, Footer, AppShell + PageHeader, Section (mono index eyebrow), ChannelBadge, WorkspaceSwitcher (sidebar workspace picker + create dialog), and the Motif set above. New reusable patterns get added there and documented here.