Tokens
Design system
Source of truth is src/styles/global.css. This page is the table, not a second palette.
Cards carry a flat 4px offset shadow instead of a blur or glow. Cover art is the site's one illustration system — no icon grids, no gradients, no status pings.
Color
| Token | Value | Use |
|---|---|---|
| canvas | #FAF7F2 | Page stock — cream, not print-stock green-gray |
| surface | #FFFFFF | Cards, inset panels, inspector |
| text-main | #141414 | Headings |
| text-body | #1F1F1F | Body copy |
| text-muted | #404040 | Secondary / kickers |
| border-line | #E5DEC9 | Rules |
| accent-flame | #FA520F | Nav hover, CTAs — the primary accent |
| accent-link | #C40E00 | Prose links (higher-contrast red than flame) |
| accent-amber | #FFD900 | Selection, verified badges, chips |
Type
| Role | Family | Size | Weight |
|---|---|---|---|
| display / h1 | IBM Plex Sans | 1.875–3rem | 600 |
| h2 | IBM Plex Sans | 1.5rem | 600 |
| body | IBM Plex Sans | 16–17px | 400 |
| kicker / data | IBM Plex Mono | 11px | 600 |
What this system refuses
- Dark mode as costume
- Decorative gradients, glowing cards, floating navigation docks
- Skill bars, unverifiable “coverage” telemetry, status-dot pulses
- A homepage chatbot.
src/lib/persona-prompt.tsexists for a later, grounded assistant — not as chrome.