CLARITY PLATFORM · PALETTE COMPARISON

Pick your design direction.

Four complete palettes with identical content. Flip between tabs and pick the one that feels right.

// same H1, stats, chart, engine card across all five — only palette + type + shape device differs

Architect's Blueprint

Saturated warm navy + drafting cyan. IBM Plex family. Hairline grid bg, technical-drawing corner registration marks on cards.

IBM Plex Serif · IBM Plex Sans · IBM Plex Mono

Operator's Bench

Warm charcoal + bone inset cards + sodium amber. Source Serif + Jakarta Sans. Dual-register layout: dark outside, editorial bone inside.

Source Serif 4 · Plus Jakarta Sans · JetBrains Mono

Warm newsprint bg + dense black ink + signal red. Playfair Display + DM Sans. Editorial column rules, drop-cap H1, red chart line.

Playfair Display · DM Sans · JetBrains Mono

Deep saturated teal + chartreuse electric accent + bone. Fraunces + Manrope. State-indicator pill banks as the core colour device.

Fraunces · Manrope · JetBrains Mono

current direction →

Greenroom Light

bone + deep teal + chartreuse · light + whitespace. Inverts Option 4 to a bright base — teal as ink, chartreuse as accent, two deep-teal moment panels for punctuation.

Fraunces · Manrope · JetBrains Mono