Skip to content
Library

Drepute. A single sentence floats beneath a field of stars.

  • Brand
  • Dark theme
  • 8 colors
  • 5 typefaces

Drepute is a cinematic black-canvas teaser built around a single full-bleed photograph: a still alpine lake mirroring a starfield at midnight. The UI is deliberately invisible — no cards, no shadows, no panels. A single Playfair Display headline floats over the image while everything else is Source Sans Pro at 14–16px. The wordmark uses Montserrat 700 with extreme letter-spacing (0.154em), turning the brand name into a constellation of letters across the top. Color is almost entirely absent: pure black, white, and three grays form a five-step achromatic scale, with one deep teal (#00a4a6) appearing only as a link border. Radii are locked at 4px everywhere — no pills, no soft corners, just sharp rectangular edges. The whole site feels like a movie title card: a single image, a single sentence, and a brand name hovering above it all.

Screenshot of Drepute
Captured from drepute.xyz on October 11, 2026

Drepute design system

Drepute

Brand1

  • Outlined ghost-button border — the only chromatic interactive treatment

Accent1

  • Sole accent — link border, indicating the single interactive edge in the system

Neutrals6

  • Dominant text and border color across body, nav, and dividers

  • Dark canvas and hero surface — the page's atmospheric base

  • Navigation and link borders, tertiary text on light surfaces

  • Secondary body text, muted borders, low-emphasis dividers

  • Subtle input borders, ghost box-shadows, disabled hairlines

  • Primary text on dark hero, input fills, light surfaces

Try a pairing

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

Aa

Deep Ink on Slate Blue

6.94 : 1 contrast

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

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