Lanzante
www.lanzante.com/The reference for hero-object reverence: a full-bleed studio-lit supercar floating on a pure #FFFFFF-to-grey gradient, Oxanium wide-tracked caps against a near-empty frame, letting the machine carry the whole page.
Automotive flagship
Design tokens
background
surface
text
textMuted
accent
border
tone1
- display
- Interface
- body
- interface
- mono
Do / Don't
Reference it for
- Full-viewport hero where a single silhouetted product sits on a soft radial studio gradient (white centre fading to charcoal top), no copy competing with it
- Oxanium as the display/nav face at wide 0.18em letter-spacing, all caps, weight 400 (never bold headings, --heading-font-font-weight:400)
- 'interface' (Typekit humanist sans) for body at ~14px, 1.6em line-height, subtle 0.01em tracking
- Restrained dusty-clay accent #c79288 (hsla(9.52,36%,65.69%)) used only for links, buttons and small status, never as fill fields
- Minimal chrome: tiny crest logo top-right, single hamburger, no visible nav bar over the hero
- Bottom-corner slideshow controls (chevron left/right + a small model code label) as the only interaction affordance on the hero
- Narrow content measure, --maxPageWidth:1136px, keeping editorial text columns tight against generous whitespace
- Muted brown secondary #625448 (hsla(27.69,15.29%,33.33%)) for image overlays and quiet meta text
Do not copy
- The Lanzante elephant crest / wordmark
- The McLaren, Pagani and Porsche brand names and their supercar product photography
- Real model codes (95-59, McLaren P1 HDK) used as slide labels
- The Le Mans heritage copy and Petersfield contact block
- The exact dusty-clay + muted-brown pairing as a whole brand system
- Squarespace-specific token naming and the Oxanium+eurostile-extended type combo as a signature