Skip to content
Library

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.

Screenshot of cthdrl
Captured from cthdrl.co on October 11, 2026

cthdrl design system

cthdrl

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

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.