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.

Drepute design system
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
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictFails AAA 7











