Skip to content
Library

Studio HEED. Black exhibition space with hairline white frames and tiny precise labels.

  • Studio
  • Dark theme
  • 4 colors
  • 1 typeface

Studio HEED operates as a midnight editorial gallery: an almost entirely monochrome canvas where the page itself is the dark room, white hairline borders become picture frames, and the work hangs like a curated exhibition. Every surface decision — the near-black canvas, a single deep navy panel, a warm cement gray alternate — reduces visual noise to let the project tiles breathe. Typography is deliberately microscopic (12–14px, weight 600) so labels whisper authority rather than shout, turning small caps into the studio's signature rhythm. Radii are locked to 5px everywhere, which keeps the aesthetic architectural and unfussy — no soft pillowy cards, no decorative gradients, no shadows. The grid gap of 14px is the heartbeat of the layout, giving every project the same precise breathing room regardless of column count.

Screenshot of Studio HEED
Captured from studioheed.com on October 11, 2026

Studio HEED design system

Studio HEED

Accent1

  • Accent card surface and decorative panels — the only chromatic hue in the system, used sparingly as a deep tonal interruption against the void

Neutrals3

  • Page canvas, dominant card surface — the near-black that absorbs the eye and lets project imagery carry all visual weight

  • Alternate card surface — a warm desaturated gray that breaks the black/navy rhythm when a tile needs to feel physical or grounded

  • Hairline borders, text, link borders, and the 124 link borders form the white wireframe structure of every tile and section

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

White on Midnight Navy

17.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.