tracksmith.com

Luxury sportswear brand site using centered modal overlays, generous whitespace, and muted earth tones to create an intimate, editorial shopping experience.

Colors

Industry

Mood

Screen type

Type style

Visual details

How it works

hero:: Full-bleed background image with centered white modal card (20% off offer) floating over it; modal stacks headline + subtext + email input + tan CTA button in tight vertical alignment.
layout:: Generous vertical spacing with centered single-column sections; three-column grid for product highlights (Light Tops, Cloth Shorts, Supply Tights); journal and team sections use asymmetric image + text pairings; footer is dense four-column information architecture.
type:: Serif display headlines (italic emphasis on 'The Journal' and 'Built from a Love of Sport'); sans-serif body copy in small sizes with generous line-height; numerals and UI labels in lighter weight, creating quiet hierarchy.
colors:: Warm taupe/tan buttons and accents anchor neutral gray-brown backgrounds; dark navy footer provides weight; minimal use of color creates hierarchy through restraint rather than contrast.
distinctive:: Floating white modal card with close button (⊗) positioned directly over the hero image—acts simultaneously as conversion funnel and design anchor, making the offer feel like an interruption rather than page content.