cthdrl. Gallery wall at midnight.
- Studio
- Dark theme
- 7 colors
- 2 typefaces
Cthdrl operates in pure negative space: a pitch-black canvas where a single warm bone-white carries every word, line, and interface element. Typography is the architecture — oversized display weights compress into tight leading (0.85) to create monolithic headline slabs, while a monospaced face handles navigation, metadata, and body copy at intentionally small sizes. There are no fills, no shadows, no rounded surfaces, and no chromatic accents in the UI layer itself; color appears only as full-bleed gradient sections (deep maroons, violets, olive) that act as atmospheric chapter breaks. The system feels less like a website and more like a printed broadsheet or gallery wall: silence as the primary material, cream-on-black text as the only voice.

cthdrl design system
Accent5
Full-bleed atmospheric section background — deep oxidized red creating a candlelit warmth against the surrounding void
Full-bleed atmospheric section background — deep indigo wash, a cold counterpoint to the maroon sections
Full-bleed atmospheric section background — burnt blood red, the most aggressive gradient stop
Full-bleed atmospheric section background — dark mulberry, a muted violet-red transition
Full-bleed atmospheric section background — sickly yellow-green, the only non-red gradient, used sparingly for contrast
Neutrals2
Page canvas, section backgrounds, every surface — pure black, not a near-black
Primary text, hairline borders, navigation labels, link color, icon strokes — the sole chromatic element in the UI layer, a warm off-white that avoids clinical sterility
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone on Void
15.77 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











