Skip to content
Library

CHAIBOY. Black gallery wall with a single illuminated photograph.

  • Commerce
  • Dark theme
  • 4 colors
  • 1 typeface

CHAIBOY presents a black-box gallery aesthetic: a single dark canvas where nearly everything is typographic and almost nothing is decorative. The interface behaves like a museum wall — one large monochrome photograph dominates the viewport, framed by hairline white rules and small uppercase navigation. Color is rejected as a tool; hierarchy is built entirely through type size, generous negative space, and the stark contrast of white on black. The Neue Haas Grotesk 55 Roman at weight 400 only, combined with the OpenType 'case' feature, produces a disciplined all-caps voice that reads more like a printed art monograph than a DTC tea site. Every UI element — nav links, buttons, cart, footer — is a text fragment. There are no fills, no shadows, no gradients, no rounded chrome; the single 4px radius is the system's only concession to softness.

Screenshot of CHAIBOY
Captured from wearechaiboy.com on October 11, 2026

CHAIBOY design system

CHAIBOY

Neutrals4

  • Page canvas, hero background, footer background — the absolute ground everything else sits on or within

  • Subtle surface variation from the page canvas — used as a near-identical lifted surface where one is needed without breaking the monochrome spell

  • Secondary text, muted labels, inactive input borders — a half-step between white and black for elements that must recede

  • Primary text, hairline rules, link and button borders, image borders — the only forward-facing tone, used with restraint as both type and geometry

Try a pairing

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

Aa

Bone on Void

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.