{"attribution":{"line":"Source: https://northlit.ai/community/brands/official-ferrari-website · v1 · Generated with Northlit · Remix: https://northlit.ai/community/brands/official-ferrari-website","source":"https://northlit.ai/community/brands/official-ferrari-website","version":1,"generatedWith":"Northlit","remix":"https://northlit.ai/community/brands/official-ferrari-website"},"name":"Ferrari (inspired interpretation)","slug":"official-ferrari-website","url":"https://northlit.ai/community/brands/official-ferrari-website","version":1,"publishedAt":"2026-10-06T05:19:28.065Z","brandRelation":"interpretation_of_real_brand","disclaimer":"Unofficial interpretation generated by Northlit. Not affiliated with or endorsed by Ferrari.","palette":[{"name":"canvas","role":"bg","hex":"#ffffff","light":"oklch(100% 0 0)","dark":"oklch(15% 0 0)"},{"name":"ink","role":"subject","hex":"#000000","light":"oklch(0% 0 0)","dark":"oklch(0% 0 0)"},{"name":"primary","role":"accent","hex":"#eb2323","light":"oklch(58% 0.223 27)","dark":"oklch(58% 0.223 27)"},{"name":"secondary","role":"highlight","hex":"#f6e500","light":"oklch(90% 0.181 100)","dark":"oklch(90% 0.181 100)"},{"name":"accent","role":"surface","hex":"#ff0000","light":"oklch(56% 0.256 29)","dark":"oklch(56% 0.256 29)"},{"name":"cta-ink","role":"shadow","hex":"#181818","light":"oklch(18% 0 0)","dark":"oklch(18% 0 0)"}],"typography":{"primary":"`'FerrariSans', 'Helvetica Neue', Arial, sans-serif` — headlines, hero titles, all-caps section labels. A clean geometric-humanist grotesque; set uppercase with tight tracking for hero statements.","secondary":"`'FerrariSans', 'Helvetica Neue', Arial, sans-serif` — running prose, news copy, captions. Regular weight, generous line-height for editorial calm.","mono":"`'FerrariSans', 'SF Mono', ui-monospace, monospace` — year markers, dates, race metadata numerics (e.g. \"1951\", \"2000 · 2001\")."},"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."],"spec":"# Ferrari — Brand Spec\n\n## 01 Brand Overview\nFerrari 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.\n\n## 02 Color Palette\n```\n- name: canvas\n  role: bg\n  light: oklch(100% 0 0)\n  dark:  oklch(15% 0 0)\n  hex:   #ffffff\n```\n```\n- name: ink\n  role: subject\n  light: oklch(0% 0 0)\n  dark:  oklch(0% 0 0)\n  hex:   #000000\n```\n```\n- name: primary\n  role: accent\n  light: oklch(58% 0.223 27)\n  dark:  oklch(58% 0.223 27)\n  hex:   #eb2323\n```\n```\n- name: secondary\n  role: highlight\n  light: oklch(90% 0.181 100)\n  dark:  oklch(90% 0.181 100)\n  hex:   #f6e500\n```\n```\n- name: accent\n  role: surface\n  light: oklch(56% 0.256 29)\n  dark:  oklch(56% 0.256 29)\n  hex:   #ff0000\n```\n```\n- name: cta-ink\n  role: shadow\n  light: oklch(18% 0 0)\n  dark:  oklch(18% 0 0)\n  hex:   #181818\n```\n\n## 03 Typography\n- Primary (display): `'FerrariSans', 'Helvetica Neue', Arial, sans-serif` — headlines, hero titles, all-caps section labels. A clean geometric-humanist grotesque; set uppercase with tight tracking for hero statements.\n- Secondary (body): `'FerrariSans', 'Helvetica Neue', Arial, sans-serif` — running prose, news copy, captions. Regular weight, generous line-height for editorial calm.\n- Mono (optional): `'FerrariSans', 'SF Mono', ui-monospace, monospace` — year markers, dates, race metadata numerics (e.g. \"1951\", \"2000 · 2001\").\n\n## 04 Voice\n### Values\n\"We race to win — engineering, passion and heritage fused into the pursuit of the extraordinary.\"\n\n### Aesthetic\nCinematic contrast, editorial restraint, monochrome-with-a-single-red, motorsport gravitas, full-bleed drama, precision-engineered.\n\n### Tone of Voice\nAuthoritative, passionate, exclusive, confident, heritage-proud.\n\n## 05 Layout posture\n- Full-bleed cinematic hero panels alternating black and white sections — high-drama vertical rhythm with hard section breaks.\n- Centered, all-caps display titles with a small overline label (\"Racing\", \"Collections\") and a circular discover-arrow CTA.\n- Zero-radius, dividerless composition — structure comes from tonal blocks and generous negative space, not lines.\n- Signature flourish: a single Rosso Corsa card or button punctuating otherwise monochrome pages.\n\n## 06 Anti-defaults\n- Never rounds corners — radius is strictly 0px everywhere, including buttons and cards.\n- Avoids multi-color palettes; red and yellow appear only as isolated accents against black/white, never blended.\n- No drop-shadows or soft elevation — components sit flat on tonal fields.\n- Avoids casual or playful copy; nothing diminutive or ironic.\n- Typography inferred as FerrariSans grotesque from the site facts; letterform detail not fully legible in screenshots so fallbacks are Helvetica-class grotesques.\n\n## 07 Logo\n- 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.\n- Provide black-on-light and white/knockout-on-dark variants only; the horse appears solid #000000 on white in the header.\n- Clear-space: minimum one hoof-height of empty margin on all sides; minimum legible size ~24px tall for the standalone horse in nav.\n- Never recolor the horse off-palette, never add gradients or the yellow shield background where the clean silhouette mark is specified.\n\n## 08 Imagery\n- High-production automotive and motorsport photography — full-bleed, dramatic low-key lighting, deep blacks (F1 tyre/hero shots).\n- Archival black-and-white portraiture for heritage/champions content, treated with subtle grain and grayscale discipline.\n- Reserve full-saturation color imagery for cars and partner/product cards; let editorial sections stay near-monochrome.\n- Subjects: race cars, drivers, historic champions, craftsmanship close-ups. Avoid stock lifestyle imagery, clutter, or busy backgrounds.\n\n## 09 UI Components\n- 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\").\n- Primary action buttons use near-black #181818 fill with white text — flat, no shadow, sharp corners.\n- Cards are edge-to-edge rectangles with no radius and no border; the Rakuten partner card is a flat red rectangle with centered lockup.\n- 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.\n- Carousels use minimal dot indicators plus flat left/right chevrons and a small pause control — restrained, monochrome controls.\n- Hover/active states shift link opacity and reveal a thin underline accent rather than color-fill changes.\n\n## 10 Iconography\n- Line icons only — thin, uniform ~1.5px stroke, no fill (chevrons, arrows, social glyphs, accessibility figure).\n- Chevron-in-circle is the recurring navigation metaphor; corners on the enclosing ring are perfectly circular while UI blocks stay square.\n- Icons held to a small, consistent footprint (~16–20px) with literal, universally-legible metaphors.\n\n## 11 Patterns & Data Visuals\n- 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\").\n- Champions gallery uses a rigid 3-up grid of grayscale photo tiles with name-over-image labels split bold/light (JODY SCHECKTER, NIKI LAUDA).\n- Empty/ghost sections use very-low-contrast oversized display words (\"NATURAL\", \"SKETCH BODY\", \"PAST\") as background texture on black.\n- Decorative motif: repeated horizontal name ribbons faintly tiled behind portraits; a thin red bottom-edge band as a page footer accent.\n\n## 12 Spacing & Grid\n- Airy, cinematic spacing built on a 10px base unit; hero and section blocks are tall and full-viewport, giving a slow, deliberate scroll rhythm.\n- Content aligns to a 12-column grid with wide gutters; footer resolves into 5 evenly-spaced link columns.\n- Section density is low — few elements per screen, large type, and heavy reliance on negative space over dividers.\n- Radius scale is a flat 0px system-wide; the only curves are circular icon-buttons and carousel dots.\n\n## 13 Products\n- Racing: Scuderia Ferrari HP (service)\n- SF-26 (product)\n- Sports Cars (product)\n- Races (service)\n- Hypercar (product)\n- Competizioni GT (product)\n- History (service)\n- Overview (service)"}