Luxury-automotive brand as cinematic editorial. Near-black canvas, Rosso Corsa accent, FerrariSans at modest weights with uppercase tracked CTAs and sharp 0px corners.
Single brand voltage on a near-black canvas. White editorial bands inside specific contexts (preowned, pricing).
Single sans family. Display sits at weight 500. CTA labels uppercase with 1.4px tracking — luxury precision.
Every CTA is sharp-cornered. The brand never uses rounded pills.
Image fills the top edge-to-edge; meta sits beneath. Sharp 0px corners.
A full-width Rosso Corsa accent band used between dark editorial sections.
Spec values render in number-display 80px / 700 white; labels in caption-uppercase 1.1px tracking.
Hairline-divided rows. Race-position cells render in Rosso Corsa using `number-display` typography — the brand's racing identity.
Preowned Ferrari listings sit on a white canvas band — the only place pure-white surface dominates.
Pill geometry only here — every other component is sharp-cornered.
Explicit 8px ladder: xxxs · xxs · xs · sm · md · lg · xl · xxl · super.
Sharp 0px corners are the brand button. Pill is reserved for badges only.
Photographic depth + brightness-step elevation. Single soft-small shadow tier.
Body bands, footer.
canvas-elevated #303030 — driver cards, livery plates.
White editorial — preowned, pricing.
0 4px 8px rgba(0,0,0,0.1). Single shadow tier.
| Name | Width | Key Changes |
|---|---|---|
| Mobile | < 640px | Hero crops vertically; hero h1 80→32px; feature grid 1-up; nav hamburger; preowned 1-up. |
| Tablet | 640–1024px | Hero h1 56px; feature grid 2-up; preowned 2-up. |
| Desktop | 1024–1280px | Full hero h1 80px; feature grid 3-up; preowned 4-up. |
| Wide | > 1280px | Editorial body caps at 1280px; hero photography full-bleed. |