Skip to content
Library

Iad-lab. Art-school exhibition on charcoal.

  • Design tools
  • Dark theme
  • 4 colors
  • 2 typefaces

Iad-lab operates as a digital exhibition wall rather than a conventional website: a near-black canvas interrupted by full-bleed photographic panels and two colossal display words that bleed past the viewport edges. The palette is essentially binary — off-white on charcoal — with zero chromatic decoration, letting the photography carry all emotional and visual weight. Navigation is reduced to three floating dots on the right margin; there is no header bar, no menu, no buttons. Typography does the structural work: a single grotesk family at restrained sizes handles all UI copy while an enormous, rounded display face delivers program titles at architectural scale. The rhythm is gallery-like: wide quiet sections, then sudden full-bleed visual ruptures, then quiet again.

Screenshot of Iad-lab
Captured from iad-lab.ch on October 11, 2026

Iad-lab design system

Iad-lab

Neutrals4

  • Page background, the dominant surface across all sections and the base layer behind full-bleed photography

  • Secondary icon strokes, subtle list dividers, and muted fill details — sits one step darker than the canvas for low-contrast decoration

  • Inactive or resting state for navigation dots and quiet UI affordances

  • All body text, meta labels, navigation dots, and the dominant hairline border color — serves as the single foreground tone in this near-monochrome system

Try a pairing

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

Aa

Bone on Charcoal Canvas

14.98 : 1 contrast

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

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