Skip to content
Library

21 TSI. A high-fashion editorial spread where the UI dissolves into atmosphere.

  • Brand
  • Dark theme
  • 4 colors
  • 1 typeface

21 TSI operates in the grammar of luxury fashion editorial: the interface itself is austere monochrome — white type, black canvas, hairline rules — while full-bleed crimson photography carries the entire emotional register. UI chrome is deliberately reduced to a single thin top divider, small uppercase wordmarks, and pill-bordered controls; nothing competes with the image. Typography is the structural skeleton: Saans at 12px for nav, then jumping to 106–245px for display — a near-vertical scale that makes individual headlines feel like runway installations rather than page headers. The system prefers silence over information density; every interactive element is a ghost, every frame is a photograph, and the only color that matters is whatever the lens captures.

Screenshot of 21 TSI
Captured from 21tsi.com on October 11, 2026

21 TSI design system

21 TSI

Brand1

  • Dominant brand atmosphere from full-bleed editorial photography — the only chromatic note in the system, always carried by the image rather than applied to UI chrome

Neutrals3

  • Page canvas behind full-bleed imagery, button borders on inverted elements, deepest surface layer

  • Muted secondary borders and dividers used when full white feels too hot against the photographic background

  • Primary text, navigation labels, ghost-button borders, hairline rules, every UI stroke above imagery

Try a pairing

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

Aa

Paper White on Crimson Heat

6.27 : 1 contrast

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

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