Internal · v0.2 live

Design systems you can feel.

Eight hand-crafted dashboard themes, each a distinct palette and voice. Customize down to OKLCH lightness with live WCAG checking, then export portable W3C design tokens. Internal-first, public soon.

Three ways in

Pick the mode that matches how decisive you feel today.

OKLCH-native

Every token edits in OKLCH; derived colors are computed perceptually so dark and light variants stay legible.

WCAG 2.1 live

Contrast ratios update as you edit — an AA / AAA badge sits next to every text-on-bg pairing.

Portable exports

Copy CSS variables, download a W3C-spec tokens.json, or grab a PNG swatch grid for your docs.

The gallery, as you scroll

Eight presets arrive in formation.

Each one structurally distinct — different layout shape, different voice, different signature components. Pick one and customize from there.

Sterling
Pearl
Atlas
Forge
Plot
Verdant
Honeycomb
Onyx
Telemetry
Bourse
Console
Folio
01 · sterling

Sterling.

Sterling & Crimson · graphite sidebar + 5-step pipeline rows · ported from variant-9

01 / 12
02 · pearl

Pearl.

Pearl & Saffron · cream + warm white · card-based estimate list · ported from variant-13

02 / 12
03 · spectrum

Atlas.

General · pearl + violet · asymmetric split layout

03 / 12
04 · carousel

Forge.

General · aubergine + lime · top tabs + canvas

04 / 12
05 · metric

Plot.

Vercel-style analytics · cobalt on snow · 7-day mini-bars in every KPI

05 / 12
06 · orbit

Verdant.

Premium green · floating sidebar card · donut hero + ring meters

06 / 12
07 · hearth

Honeycomb.

Warm professional · slim icon rail · honey amber gradient hero

07 / 12
08 · quarry

Onyx.

Bloomberg-mono · split header + right rail · pure typography, no charts

08 / 12
09 · pulse

Telemetry.

Clinical instrument-panel · cyan signal on charcoal chassis

09 / 12
10 · ticker

Bourse.

Bloomberg × Klim · navy + cream serifs + brass

10 / 12
11 · tally

Console.

Operations terminal · slate, mono numerals, status lights

11 / 12
12 · drift

Folio.

Reading-room calm · warm cream + serif headlines

12 / 12