Design System
Hub design tokens, typography, and status colors.
The hub uses a warm paper palette with espresso text and semantic status colors for review states. Tokens live in globals.css.
Design tokens
| Token | Value / use |
|---|---|
--hub-paper | — page background |
--hub-espresso | — primary text |
--hub-accent | — CTAs, highlights |
--hub-primary | — links, info |
--hub-surface | — cards, panels |
Typography
- Display: Bricolage Grotesque — headlines
- Body: Geist Sans
- Mono: Geist Mono — labels, metadata
Status colors
approved
Asset approved by reviewer
rejected
Needs revision
pending
Awaiting review
final
Locked final pick
See PRD and MD files/Hub_Overlay_UI_Style.md for overlay and dialog conventions.