---
name: Ferrari
version: alpha
description: "We race to win — engineering, passion and heritage fused into the pursuit of the extraordinary."
colors: 
  canvas: "#ffffff"
  background: "#ffffff"
  ink: "#000000"
  text: "#000000"
  primary: "#eb2323"
  secondary: "#f6e500"
  highlight: "#f6e500"
  accent: "#ff0000"
  surface: "#ff0000"
  cta-ink: "#181818"
typography: 
  display: 
    fontFamily: "'FerrariSans', 'Helvetica Neue', Arial, sans-serif"
    fontSize: 48px
    fontWeight: 700
    lineHeight: 1.05
    letterSpacing: "-0.02em"
  body: 
    fontFamily: "'FerrariSans', 'Helvetica Neue', Arial, sans-serif"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.55
  mono: 
    fontFamily: "'FerrariSans', 'SF Mono', ui-monospace, monospace"
    fontSize: 13px
    fontWeight: 400
    lineHeight: 1.5
---
<!-- Source: https://northlit.ai/community/brands/official-ferrari-website · v1 · Generated with Northlit · Remix: https://northlit.ai/community/brands/official-ferrari-website -->
<!-- Unofficial interpretation generated by Northlit. Not affiliated with or endorsed by Ferrari. -->

# Ferrari
## Overview
Ferrari is the definitive luxury performance marque — Italian racing heritage rendered as cinematic, high-contrast digital theatre. The identity fuses the Prancing Horse's black-on-white authority with the unmistakable Rosso Corsa accent, positioning the brand at the intersection of motorsport legacy, engineering precision and exclusive craftsmanship. Every surface reads as a stage: full-bleed imagery, editorial restraint, and a single decisive burst of red.

### Voice

**Values.** We race to win — engineering, passion and heritage fused into the pursuit of the extraordinary.

**Aesthetic.** Cinematic contrast, editorial restraint, monochrome-with-a-single-red, motorsport gravitas, full-bleed drama, precision-engineered.

**Tone.** Authoritative, passionate, exclusive, confident, heritage-proud.

### Imagery

- High-production automotive and motorsport photography — full-bleed, dramatic low-key lighting, deep blacks (F1 tyre/hero shots).
- Archival black-and-white portraiture for heritage/champions content, treated with subtle grain and grayscale discipline.
- Reserve full-saturation color imagery for cars and partner/product cards; let editorial sections stay near-monochrome.
- Subjects: race cars, drivers, historic champions, craftsmanship close-ups. Avoid stock lifestyle imagery, clutter, or busy backgrounds.

Type sizes, weights and line-heights above are contract baselines derived from the brand's families — refine them in this file as the product's scale settles; the palette and families are the brand's own.
## Colors

- **canvas** (`#ffffff`)
- **background** (`#ffffff`)
- **ink** (`#000000`)
- **text** (`#000000`)
- **primary** (`#eb2323`)
- **secondary** (`#f6e500`)
- **highlight** (`#f6e500`)
- **accent** (`#ff0000`)
- **surface** (`#ff0000`)
- **cta-ink** (`#181818`)

## Typography

- **display** — 'FerrariSans', 'Helvetica Neue', Arial, sans-serif 48px/1.05, weight 700, tracking -0.02em
- **body** — 'FerrariSans', 'Helvetica Neue', Arial, sans-serif 16px/1.55, weight 400
- **mono** — 'FerrariSans', 'SF Mono', ui-monospace, monospace 13px/1.5, weight 400

## Layout

- Full-bleed cinematic hero panels alternating black and white sections — high-drama vertical rhythm with hard section breaks.
- Centered, all-caps display titles with a small overline label ("Racing", "Collections") and a circular discover-arrow CTA.
- Zero-radius, dividerless composition — structure comes from tonal blocks and generous negative space, not lines.
- Signature flourish: a single Rosso Corsa card or button punctuating otherwise monochrome pages.

**Spacing & grid**

- Airy, cinematic spacing built on a 10px base unit; hero and section blocks are tall and full-viewport, giving a slow, deliberate scroll rhythm.
- Content aligns to a 12-column grid with wide gutters; footer resolves into 5 evenly-spaced link columns.
- Section density is low — few elements per screen, large type, and heavy reliance on negative space over dividers.
- Radius scale is a flat 0px system-wide; the only curves are circular icon-buttons and carousel dots.

## Components

- CTAs come in two forms: solid red rectangular buttons (#eb2323 fill, white uppercase text, 0px radius) and outline circular icon-buttons wrapping a chevron/arrow ("DISCOVER", "READ MORE").
- Primary action buttons use near-black #181818 fill with white text — flat, no shadow, sharp corners.
- Cards are edge-to-edge rectangles with no radius and no border; the Rakuten partner card is a flat red rectangle with centered lockup.
- Nav is a thin fixed black bar with small-caps links (RACING, SPORTS CARS, COLLECTIONS) and a right-aligned SEARCH; secondary sub-nav bar holds a section title and hamburger.
- Carousels use minimal dot indicators plus flat left/right chevrons and a small pause control — restrained, monochrome controls.
- Hover/active states shift link opacity and reveal a thin underline accent rather than color-fill changes.

**Iconography**

- Line icons only — thin, uniform ~1.5px stroke, no fill (chevrons, arrows, social glyphs, accessibility figure).
- Chevron-in-circle is the recurring navigation metaphor; corners on the enclosing ring are perfectly circular while UI blocks stay square.
- Icons held to a small, consistent footprint (~16–20px) with literal, universally-legible metaphors.

**Patterns & data visuals**

- No charts or graphs; "data" is expressed as year labels and championship dates in small red or gray uppercase type (e.g. "2000 · 2001 · 2002").
- Champions gallery uses a rigid 3-up grid of grayscale photo tiles with name-over-image labels split bold/light (JODY SCHECKTER, NIKI LAUDA).
- Empty/ghost sections use very-low-contrast oversized display words ("NATURAL", "SKETCH BODY", "PAST") as background texture on black.
- Decorative motif: repeated horizontal name ribbons faintly tiled behind portraits; a thin red bottom-edge band as a page footer accent.

**Logo usage**

- The mark is the Cavallino Rampante — a solid, organic silhouette of a rearing prancing horse, hand-drawn in flat black with fine mane and tail detailing. Not a wordmark; a heraldic symbol.
- Provide black-on-light and white/knockout-on-dark variants only; the horse appears solid #000000 on white in the header.
- Clear-space: minimum one hoof-height of empty margin on all sides; minimum legible size ~24px tall for the standalone horse in nav.
- Never recolor the horse off-palette, never add gradients or the yellow shield background where the clean silhouette mark is specified.

## Do's and Don'ts

**Don't**

- Never rounds corners — radius is strictly 0px everywhere, including buttons and cards.
- Avoids multi-color palettes; red and yellow appear only as isolated accents against black/white, never blended.
- No drop-shadows or soft elevation — components sit flat on tonal fields.
- Avoids casual or playful copy; nothing diminutive or ironic.
- Typography inferred as FerrariSans grotesque from the site facts; letterform detail not fully legible in screenshots so fallbacks are Helvetica-class grotesques.