Skip to content
Library

Ciridae. A near-black cathedral where the only warm note is a thin line of ember rust, and every surface is defined by hairline borders rather than shadow.

  • AI
  • Dark theme
  • 9 colors
  • 3 typefaces

Ciridae operates in a void: #0b0b0b canvas, ghost-outlined pill controls, and typography locked in uppercase Pragmatica Cond at weight 400 — no bold, no mixed case, no decoration. The only chromatic note is #cc6437, a warm ember rust used as hairline strokes and small accent punctuation, never as a fill. Cards float on #272a2a with 10px radius and zero shadow; the system refuses elevation, defining surfaces through tonal contrast and 1px hairline borders. Photography arrives heavily blurred and atmospheric — liquid marble, smoke, fire — set behind type at full-bleed scale, so the visuals feel ambient rather than illustrative.

Screenshot of Ciridae
Captured from ciridae.com on October 11, 2026

Ciridae design system

Ciridae

Brand1

  • Accent strokes, icon linework, small text highlights — the only chromatic color in an otherwise monochrome system, appearing as a hairline pulse rather than a fill

Neutrals8

  • Elevated bar backgrounds (top news strip) — one shade darker than the main canvas to push the bar forward

  • Primary page canvas and section backgrounds; the foundation of the entire system

  • Card and panel backgrounds on dark sections — one step lighter than the canvas to create surface separation without shadow

  • Mid-tone border for secondary solid buttons where Pure White would be too stark

  • Hairline borders for pill badges and numbered markers — lighter than Steel to read as fine detail against the dark canvas

  • Subtle variant of Bone for layered light surfaces and warm-tinted off-white elements

  • Light section backgrounds and off-white surfaces where the system flips from dark to bright

  • All body and heading text, ghost button borders, nav elements — the dominant foreground color at 19.7:1 contrast on Void Black

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Abyss on Ember Rust

5.29 : 1 contrast

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

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