Dark Themes

Design that speaks before you do.

True black, one accent, nothing wasted.

Get startedSee the work

What we do

Structure first

A grid you can feel even when you can't see it. Every block lands where the eye already expected it.

Type that carries

One family, a strict scale, no decorative detours. Hierarchy does the talking.

Colour with intent

A single accent doing the work of five. Restraint is what makes it land.

Type specimen

Aa
DisplayAesthetic as a system
HeadingAesthetic as a system
BodyAesthetic as a system
CaptionAesthetic as a system

The vibe

Pure #000 rather than dark grey, so the screen's unlit pixels become the background. Content appears to float in nothing. One accent colour carries every state change.

Start something in this style

Leave an address and we’ll send the working files, the type scale, and the palette.

Reference · OLED Minimal

When to use it

  • Dark-first products where users stare for hours.
  • Developer dashboards and terminals.
  • Anywhere battery life or OLED contrast is part of the pitch.

Build spec

Palette
type
Grotesk, slightly lighter weights to reduce halation
borders
1px white at 10–12% opacity
spacing
Compact but never crowded
← Back to The Design Cards