Theme generator
One brand color, every component.
Pick a brand, neutrals and a shape. Every token is derived with AA contrast in light and dark, and the preview is built from the real library.
app.northwind.com/orders
Orders
28 orders this week, 12 need attention.
Revenue
$48,250+12.4%
Orders
128+8
New customers
36+4.1%
Returns
2.3%-0.6%
EC
Emma Carter#10482 · New York
$1,249.90LB
Liam Brooks#10481 · Chicago
$389SR
Sophia Reed#10480 · London
$2,150NB
Noah Bennett#10479 · Boston
$74.50Courier pickup at 16:00
Pack the 12 pending orders before the Fan Courier pickup.
Low stock
Trek city bike: 2 left in New York.
9:41
Contrast
All 98 pairs pass
Text pairs need 4.5:1 (WCAG AA), the focus ring 3:1, in light and dark.
Closest to the limit (light)
- brand-foregroundon brand4.56AA
- brand-soft-foregroundon card4.62AA
- muted-foregroundon card4.63AA
- warning-soft-foregroundon card4.63AA