Athletics. Monograph on black velvet.
- Studio
- Dark theme
- 4 colors
- 2 typefaces
Athletics operates as a gallery-grade creative studio: the entire experience sits on a dark canvas, letting enormous light-weight serif display type breathe against deep charcoal and pure black. The system is ruthlessly monochromatic — zero chromatic color across the interface, with warmth and saturation living exclusively inside editorial photography and the brand mark. Typography does the heavy lifting: a high-contrast pairing of a delicate serif display (Feature Deck at 300 weight, 72–116px) against a quiet grotesque (Söhne at 300/400 for everything functional). The layout is full-bleed, generous, and editorial — wide section gaps of 128–144px, asymmetric two-column blocks, and a vertical service index annotated with A/B/C/D letter labels that evoke a printed specimen sheet. Components are minimal: pill-shaped tags, hairline borders, no shadows, no gradients, no elevation. It reads as confident, restrained, and considered — the design equivalent of a well-typeset monograph.

Athletics design system
Neutrals4
Page canvas, deepest section backgrounds, hairline borders on text
Elevated section surfaces, card backgrounds, input fields — the middle layer between pure black and white
Hairline borders, dividers, input outlines, and card edges on light surfaces.
Primary display and body text on dark surfaces, default borders, icon strokes, form controls
Try a pairing
Pick any two colors from the palette to check whether text stays readable on top.
Aa
Paper White on Obsidian
21.00 : 1 contrast
- Body textPasses AA 4.5
- Large textPasses AA 3
- StrictPasses AAA 7











