Trunk. Monochrome control room with one green signal light.
- Developer tools
- Dark theme
- 10 colors
- 1 typeface
Trunk is a near-monochrome command center for CI reliability: deep matte-black canvas, hairline dividers in cool gray, and a single, almost-restraint palette of black-to-white neutrals. The interface feels like an engineer's terminal that grew up into a product — flat, dense, confident, with type that whispers at display sizes (weight 300, tight tracking) and snaps to attention at body sizes. The lone chromatic accent is a single green signal that appears once in the hero illustration as a ball rolling through pipes; the rest of the system speaks in grayscale. Components sit on the canvas with minimal elevation — borders and contrast do the work, not shadows. The page alternates between a light illustrated hero and dark product sections, but the product surface is the source of truth: black ground, gray borders, white type, no decorative gradients, no noise.

Trunk design system
Brand1
Supporting palette color for small decorative accents when the core palette needs contrast.
Neutrals9
Page canvas, primary background — the ground everything sits on
Elevated card surfaces, nav text, deep backgrounds one step above the canvas
Card and button borders — the hairline skeleton that defines structure
Subtle background fills, muted surface overlays
Muted body text, secondary copy, icon fills — readable but recedes
Icon strokes, tertiary text, soft fills
Light body text variant on dark surfaces
Primary hairline border color — dividers, card edges, input borders; the most-used border in the system
Light neutral action fill for buttons on dark surfaces.
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Obsidian on Signal Green
9.17 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











