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 seven — only palette + type + shape device differs

current direction →
07 ──
Indigo + Gold
cool white + indigo + gold · semantic split: indigo = platform, gold = money. Same base as Option 6, scarce warm gold (#F5C518) used only for revenue/money contexts — chart line, milestone pills, MRR callout, $-stat, CTA price marker.
Plus Jakarta Sans · Inter · JetBrains Mono
→
06 ──
Indigo Light
cool white + indigo + Plus Jakarta · whitespace-first, SaaS-coded. Cool-white base differentiates from warm cream (Nexlytics/Clarity Library) and teal (Mockingbird). Electric indigo as the single accent thread.
Plus Jakarta Sans · Inter · JetBrains Mono
→
Recommended
01 ──
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
→
02 ──
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
→
03 ──
Newsprint
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
→
04 ──
Greenroom
Deep saturated teal + chartreuse electric accent + bone. Fraunces + Manrope. State-indicator pill banks as the core colour device.
Fraunces · Manrope · JetBrains Mono
→
05 ──
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
→

clarity-palette-preview · throwaway artefact — final palette goes to rebuild, not here