Design system
Every token and component in one place. Toggle the theme in the header — nothing here is hand-tuned per theme, so if a colour breaks in dark mode it breaks here first. This page is for review; it is not part of the product.
Colour
All values are OKLCH custom properties. No component contains a hex value or a Tailwind palette colour.
background
chrome
card
muted
border
primary
primary-subtle
pursue
consider
skip
blocked
unknown
prov-ai
prov-edited
admin-chrome
admin-accent
Typography
Inter, with tabular numerals wherever figures are compared.
Display — 36px semibold
Page title — 24px semibold
Section — 18px semibold
Body — 16px regular
Secondary — 14px muted
Label — 12px uppercase
Tabular figures — 1,840 / 5,000 · 99.98% · $49.00
Verdict
The core semantic. Every one carries an icon and a text label as well as a colour — pursue/skip must never be a green dot versus a red dot.
Provenance
Which hand touched a piece of content. A user must never be unable to tell their own words from the model's.
Unknown
A first-class state. Missing data renders as an honest gap, never as a zero and never as a neutral that reads as fine.
Referral visits
Nothing has been live long enough to measure
Buttons
Badges
Forms
Every control is labelled, and errors are wired to their input with aria-describedby.
A hint sits above the control.
This does not look like a URL.
System states
Tier 1, not polish. These are where a user decides whether the product is competent.
No destinations yet
That did not load
The request failed before we could show you anything. This is on us, not you.
Reference req_8f21c4 — quote this if you contact support.
You do not have access to this
Your role in this workspace does not include billing. It needs the Owner role or above.
An owner or admin of this workspace can change your role.
We could not find that campaign
This organisation is suspended
Access is paused and your data is untouched. This is usually a billing issue and is normally resolved the same day.
You appear to be offline
Loading
Skeletons mirror the shape of what is coming, so the page does not jump.
Cards and figures
Worth pursuing
+2 since last check
Blocked
+2 overnight
Success rate
Too few completed submissions to report honestly
Cards carry a hairline border and the smallest shadow in the scale. Depth is used to separate layers, never for decoration.