---
name: "Ferrari"
mode: "dark"
---
# Ferrari
## Visual theme and atmosphere
Restrained editorial whisper over cinematic darkness.
Cavallino rampante on black marble — uppercase tracking, singular red, full-bleed photography.
## Color palette and roles
- **Carbone Nero (#000000)**: Full-bleed dark backgrounds and hero panels.
- **Notte Profonda (#181818)**: Footer and secondary dark surfaces.
- **Bianco Ferrari (#ffffff)**: Primary text on dark, iconography.
- **Rosso Corsa (#da291c)**: Interactive hover/focus/active states only.
- **Fumo (#8f8f8f)**: Muted body text and caption labels.
- **Grafite (#303030)**: Borders and dividers.
## Typography rules
- **Display**: FerrariSans, 500, 16px. Primary display and interface typeface — uppercase wide tracking.
- **Body**: Body-Font, 400, 13px. Body copy and labels.
- **Caption**: Body-Font, 400, 11px. Captions and metadata.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 96px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 400ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Set all display copy in uppercase with tracking between 0.083em and 0.091em.
- Use #da291c exclusively for interactive hover/focus/active states.
- Keep all corner radii at 0px — sharp geometry is the signature.
- Let images bleed to viewport edges with no padding or rounding.
---
name: "Ferrari"
mode: "dark"
---
# Ferrari
## Visual theme and atmosphere
Restrained editorial whisper over cinematic darkness.
Cavallino rampante on black marble — uppercase tracking, singular red, full-bleed photography.
## Color palette and roles
- **Carbone Nero (#000000)**: Full-bleed dark backgrounds and hero panels.
- **Notte Profonda (#181818)**: Footer and secondary dark surfaces.
- **Bianco Ferrari (#ffffff)**: Primary text on dark, iconography.
- **Rosso Corsa (#da291c)**: Interactive hover/focus/active states only.
- **Fumo (#8f8f8f)**: Muted body text and caption labels.
- **Grafite (#303030)**: Borders and dividers.
## Typography rules
- **Display**: FerrariSans, 500, 16px. Primary display and interface typeface — uppercase wide tracking.
- **Body**: Body-Font, 400, 13px. Body copy and labels.
- **Caption**: Body-Font, 400, 11px. Captions and metadata.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 96px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 400ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Set all display copy in uppercase with tracking between 0.083em and 0.091em.
- Use #da291c exclusively for interactive hover/focus/active states.
- Keep all corner radii at 0px — sharp geometry is the signature.
- Let images bleed to viewport edges with no padding or rounding.
---
name: "Ferrari"
mode: "dark"
---
# Ferrari
## Visual theme and atmosphere
Restrained editorial whisper over cinematic darkness.
Cavallino rampante on black marble — uppercase tracking, singular red, full-bleed photography.
## Color palette and roles
- **Carbone Nero (#000000)**: Full-bleed dark backgrounds and hero panels.
- **Notte Profonda (#181818)**: Footer and secondary dark surfaces.
- **Bianco Ferrari (#ffffff)**: Primary text on dark, iconography.
- **Rosso Corsa (#da291c)**: Interactive hover/focus/active states only.
- **Fumo (#8f8f8f)**: Muted body text and caption labels.
- **Grafite (#303030)**: Borders and dividers.
## Typography rules
- **Display**: FerrariSans, 500, 16px. Primary display and interface typeface — uppercase wide tracking.
- **Body**: Body-Font, 400, 13px. Body copy and labels.
- **Caption**: Body-Font, 400, 11px. Captions and metadata.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 96px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 400ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Set all display copy in uppercase with tracking between 0.083em and 0.091em.
- Use #da291c exclusively for interactive hover/focus/active states.
- Keep all corner radii at 0px — sharp geometry is the signature.
- Let images bleed to viewport edges with no padding or rounding.
---
name: "Ferrari"
mode: "dark"
---
# Ferrari
## Visual theme and atmosphere
Restrained editorial whisper over cinematic darkness.
Cavallino rampante on black marble — uppercase tracking, singular red, full-bleed photography.
## Color palette and roles
- **Carbone Nero (#000000)**: Full-bleed dark backgrounds and hero panels.
- **Notte Profonda (#181818)**: Footer and secondary dark surfaces.
- **Bianco Ferrari (#ffffff)**: Primary text on dark, iconography.
- **Rosso Corsa (#da291c)**: Interactive hover/focus/active states only.
- **Fumo (#8f8f8f)**: Muted body text and caption labels.
- **Grafite (#303030)**: Borders and dividers.
## Typography rules
- **Display**: FerrariSans, 500, 16px. Primary display and interface typeface — uppercase wide tracking.
- **Body**: Body-Font, 400, 13px. Body copy and labels.
- **Caption**: Body-Font, 400, 11px. Captions and metadata.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 96px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 400ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Set all display copy in uppercase with tracking between 0.083em and 0.091em.
- Use #da291c exclusively for interactive hover/focus/active states.
- Keep all corner radii at 0px — sharp geometry is the signature.
- Let images bleed to viewport edges with no padding or rounding.
---
name: "Ferrari"
mode: "dark"
---
# Ferrari
## Visual theme and atmosphere
Restrained editorial whisper over cinematic darkness.
Cavallino rampante on black marble — uppercase tracking, singular red, full-bleed photography.
## Color palette and roles
- **Carbone Nero (#000000)**: Full-bleed dark backgrounds and hero panels.
- **Notte Profonda (#181818)**: Footer and secondary dark surfaces.
- **Bianco Ferrari (#ffffff)**: Primary text on dark, iconography.
- **Rosso Corsa (#da291c)**: Interactive hover/focus/active states only.
- **Fumo (#8f8f8f)**: Muted body text and caption labels.
- **Grafite (#303030)**: Borders and dividers.
## Typography rules
- **Display**: FerrariSans, 500, 16px. Primary display and interface typeface — uppercase wide tracking.
- **Body**: Body-Font, 400, 13px. Body copy and labels.
- **Caption**: Body-Font, 400, 11px. Captions and metadata.
## Spacing and shape
- Base unit: 8px.
- Default gap: 16px.
- Card padding: 32px.
- Section padding: 96px.
- Card corners: 0px.
- Control corners: 0px.
- Pills: 9999px.
## Motion
Use restrained motion. Fast feedback lasts 120ms; composed transitions last 400ms; easing is cubic-bezier(0.16, 1, 0.3, 1).
## Guardrails
- Set all display copy in uppercase with tracking between 0.083em and 0.091em.
- Use #da291c exclusively for interactive hover/focus/active states.
- Keep all corner radii at 0px — sharp geometry is the signature.
- Let images bleed to viewport edges with no padding or rounding.
