The house style for MDClarity pages. Cool Pacific-Northwest neutrals, one fir accent, and a harmonized spectrum that carries the queer thread. Fraunces for display, a clean sans for reading, mono for every label and number. Flip the toggles above — every flavor and theme is the same tokens.
Fraunces (display) sets headings tight and optical. Body is a neutral sans at a generous measure. Mono brands labels, metrics, and metadata — the single tic that makes a page read as ours and never as cream-essay.
Neutrals are cool fog — desaturated, never warm cream. One fir accent is the brand constant across every flavor and theme. The spectrum is the variable: serene Salish Dusk in explainers, brighter Capitol Hill in dashboards (flip the toggle to watch it change).
The reusable kit from base.css — every page builds from these so the family stays recognizable.
The signature motif — a section rule, a hero top-border, a header underline.
Same primitives, two densities. The explainer reads; the dashboard packs. Toggle the flavor up top to flip this whole page — these samples change with it.
The medallion model tracks every customer from bronze ingestion through gold production.