Design System
View
Internal tools

Admin system

A muted theme on the same tokens as Marketing — a sub-system, not a separate brand. Large headlines stay on-brand (Cormorant Garamond); everything functional — small headlines, body, UI, and buttons — switches to a sans-serif for density and legibility.

What changes, what stays

The primitive ramps are identical. The Admin theme simply selects more muted, neutral steps from them and overrides typography for UI text.

Shared tokensSame navy / gold / neutral primitive ramps and the same semantic token names as Marketing.
Muted selectionSurfaces shift to neutral grays; gold is reserved for primary action, active nav, and key metrics only.
Large headlines → serifPage titles and stat figures keep Cormorant Garamond to stay recognisably on-brand.
UI text → Hanken GroteskSmall headlines, body, labels, tables, and buttons use Hanken Grotesk — a refined, luxe sans — for clarity at 12–14px.
Radius → 0pxSharp corners, matching Marketing — one shared shape language across the system.
Dark modeInherits the shared dark tokens; the toggle in the top bar themes every Admin screen.
Status paletteFunctional green / amber / red layered on for states — muted to fit the brand.