Skip to content
Library

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.

Screenshot of Base Design
Captured from basedesign.com on October 11, 2026

Base Design design system

Base Design

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

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

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