Steep. Serif analytics on warm paper.
- SaaS
- Light theme
- 9 colors
- 2 typefaces
Steep renders analytics as editorial — serif Signifier headlines float over a near-monochrome white canvas while a single warm peach accent (#fbe1d1) punctuates an otherwise achromatic system. The page reads like a product magazine spread: oversized italicized display type, generous breathing room, large soft-edged cards at 24px radius, and pill-shaped controls that sit flat against the surface. Components feel quiet and weightless — shadows are barely-there, borders are hairline, and color is rationed to functional emphasis (a peach callout card, a dark brown label on peach). The product surfaces (region tables, activation charts, AI composers) are presented as floating artifacts around the headline, not nested in a dashboard shell.
Steep design system
Accent2
Accent card background, warm highlight wash — the only chromatic surface in the system; creates editorial warmth against monochrome
Text and stroke on peach surfaces, dark accent for chart line strokes — a warm deep brown that pairs with Blush Peach like ink on kraft paper
Neutrals7
Primary text, filled button background, nav logo — the only dark surface in the system; every CTA and body headline resolves to this near-black
Link color, muted helper text, footer copy — cool desaturated gray that sits between body text and disabled
Tertiary labels, category tags (Marketing, Finance, Sales) — one step lighter than link color
Placeholder text (Ask anything…), disabled labels — the lightest functional gray, used when text recedes
Card surfaces, secondary backgrounds, input fills — the quiet layer beneath paper for nested content
Secondary page background for alternating sections, hover surfaces — one step above paper for subtle band variation
Page canvas, button text, elevated card surfaces — the dominant background tone carrying ~76 frequency points
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Ink Black on Blush Peach
14.08 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7
