A stark gallery-white canvas wired with monospaced IBM Plex type and crisp black hairlines, punctuated by a single electric cobalt blue — industrial, uppercase, and almost entirely square.
One monospaced family (IBM Plex Mono) sets nearly everything in uppercase; a literary serif — Off-White's proprietary "Bookish", shown here as its nearest Google substitute Spectral — is rationed to prices and status tags.
Product cards are flat and borderless — a square image, a monospace title, and a serif price. Hover lifts only a tight contact glow.
A tight ~4px-based scale; 12px is the canonical field padding and list rhythm.
Effectively square. 2px dominates by roughly 10×, and nothing on the page exceeds a 20px pill.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Grid collapses to 1–2 columns; mega-nav becomes a drawer; 14px mono body holds. |
| Tablet | 768–1023px | Four-up product grid drops to two-up; side gutters tighten. |
| Laptop | 1024–1279px | Four-up catalog grid; full uppercase navigation bar. |
| Desktop | ≥ 1280px | Centered max-width shell with generous gutters; full-bleed editorial media. |
Type sizes hold near-constant across breakpoints — the catalog keeps its utilitarian 14px monospace body rather than fluidly scaling, preserving the industrial feel on mobile.
Off-White™ has no paid tiers; this demonstrates the plan/card pattern in brand dress — flat panels, a black "most-popular" inversion, cobalt bullet dots.
The table pattern in brand dress: uppercase mono headers, hairline rows, square status chips, serif pricing.
| ID | Item | Size | Status | When |
|---|---|---|---|---|
| #OW-4821 | Soccer '26 Tech T-Shirt | M | Shipped | 2d ago |
| #OW-4790 | Arrow Skate T-Shirt | L | Shipped | 5d ago |
| #OW-4755 | Diag Tab Hoodie | M | Processing | 1w ago |
| #OW-4712 | Industrial Belt 35mm | OS | Packing | 1w ago |
| #OW-4688 | Out Of Office Sneaker | 43 | Delivered | 2w ago |
Sign-in and create-account in the system's flat, square, monospace dress.