Base Design. Two-tone editorial monolith with documentary bleed photography and zero chromatic accent.
- Studio
- Mixed theme
- 3 colors
- 1 typeface
Base Design operates as a stark, print-inspired editorial system: a pure two-tone canvas where black and white alternate as full-bleed sections without mediation. Typography carries every visual decision — a single custom grotesque (BaseGrotesk) speaks in one voice across 12px nav labels and 65px display wordmarks, with consistent 0.01em tracking tightening the rhythm. Photography is the only color, presented as oversized documentary frames that bleed to the edges and let white text sit directly on the image. Components are almost invisible: pill-shaped buttons, hairline rules, and zero decorative chrome. The system feels like flipping through a brutalist monograph — nothing is colored, everything is composed.

Base Design design system
Neutrals3
Primary text, display wordmarks, full-bleed dark section backgrounds, hairlines, border rules, button borders
Muted secondary text, inactive link borders, de-emphasized helper text
Page canvas, card surfaces, heading text on dark sections, overlaid text on photography
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Bone White on Lamp Black
21.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











