Skip to content
Library

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.

Screenshot of Athletics
Captured from athleticsnyc.com on October 11, 2026

Athletics design system

Athletics

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

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

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