---
name: McLaren
version: alpha
description: "Relentless pursuit of performance — where precision engineering and racing pedigree meet uncompromising design."
colors: 
  canvas: "#ffffff"
  background: "#ffffff"
  ink: "#595959"
  text: "#595959"
  carbon: "#000000"
  primary: "#000000"
  colnbrook: "#dcdad4"
  highlight: "#dcdad4"
  ember: "#a5320a"
  papaya: "#ff8000"
  midnight: "#050f23"
  mist: "#f0f0f0"
typography: 
  display: 
    fontFamily: "'mclarenSansDisplay', 'Helvetica Neue', Arial, sans-serif"
    fontSize: 48px
    fontWeight: 700
    lineHeight: 1.05
    letterSpacing: "-0.02em"
  body: 
    fontFamily: "'mclarenSansText', 'Helvetica Neue', Arial, sans-serif"
    fontSize: 16px
    fontWeight: 400
    lineHeight: 1.55
  mono: 
    fontFamily: "'IBM Plex Mono', 'SF Mono', ui-monospace, monospace"
    fontSize: 13px
    fontWeight: 400
    lineHeight: 1.5
---
<!-- Source: https://northlit.ai/community/brands/mclaren · v1 · Generated with Northlit · Remix: https://northlit.ai/community/brands/mclaren -->
<!-- Unofficial interpretation generated by Northlit. Not affiliated with or endorsed by McLaren. -->

# McLaren
## Overview
McLaren is a British performance icon spanning automotive engineering and elite motorsport — a world where precision, speed and cinematic restraint converge. The identity is confident, dark, and minimal, letting the machine (and the light on it) carry the drama. The digital presence reads like a premium film: black canvas, tight typography, and a single ember of Papaya heat.

### Voice

**Values.** Relentless pursuit of performance — where precision engineering and racing pedigree meet uncompromising design.

**Aesthetic.** cinematic darkness, monochromatic precision, high-contrast restraint, engineered minimalism, single ember accent, motorsport gravitas.

**Tone.** confident, precise, aspirational, understated, purposeful.

### Imagery

- Cinematic automotive/motorsport photography — low-key lighting, deep shadow, single directional highlight raking across bodywork.
- Subjects: cars and race machinery shown as silhouettes emerging from darkness; garage, track and studio-dark environments.
- Treatment: high contrast, desaturated toward monochrome with occasional warm ember/papaya light source; symmetrical, centered compositions.
- Avoid bright daylight, busy backgrounds, or saturated color grading; keep the mood dark and premium.

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** (`#595959`)
- **text** (`#595959`)
- **carbon** (`#000000`)
- **primary** (`#000000`)
- **colnbrook** (`#dcdad4`)
- **highlight** (`#dcdad4`)
- **ember** (`#a5320a`)
- **papaya** (`#ff8000`)
- **midnight** (`#050f23`)
- **mist** (`#f0f0f0`)

## Typography

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

## Layout

- Dark, full-bleed cinematic hero with product silhouetted in dramatic low-key light; content anchored to lower-left.
- Sharp, zero-radius rectangular elements — no rounding anywhere; edges are engineered, not soft.
- Generous negative space around a centered wordmark and thin horizontal nav; the machine breathes.
- Sparse, deliberate emphasis — a single lit accent or CTA per view, never competing focal points.

**Spacing & grid**

- Airy, cinematic spacing on a 4px base unit; large vertical gaps push hero content to the lower third.
- Centered single-column masthead (wordmark + nav) over an edge-to-edge full-bleed media stage.
- Content anchored lower-left with generous margins; sections read as full-viewport panels.
- Radius scale is systematically 0px — sharpness is a global constant, not a per-component choice.

## Components

- Buttons: solid white fill with black uppercase text, zero radius, no shadow — hard rectangular CTAs ("VISIT AUTOMOTIVE").
- Nav: thin horizontal top bar, white uppercase labels with small chevron indicators for dropdowns, centered wordmark above.
- No visible cards or elevation on the hero — components sit directly on the dark canvas with no borders or fill.
- Media control chip: minimal square play/pause toggle, subtle gray fill, bottom-right — quiet, functional, non-branded.
- State treatment implied: subtle hover on nav links; buttons stay flat with high-contrast fill throughout.
- Corner-radius scale is a flat 0px across all interactive elements — buttons, controls, containers.

**Iconography**

- Thin-stroke line icons (chevrons, media controls) — light weight, sharp terminals, no fill.
- Minimal, literal metaphors; icons are functional wayfinders rather than decorative.
- Small, disciplined sizing paired inline with type; icons never dominate a label.

**Patterns & data visuals**

- No charts on the landing view; data-visual language would follow the monochrome-plus-ember palette with thin lines over fills.
- Background is imagery-driven (video/cinematic still) rather than pattern texture — the machine is the motif.
- Empty/negative space itself is the pattern — vast dark fields frame sparse content.
- Tables/lists would be low-density, thin-ruled, uppercase-labeled if present.

**Logo usage**

- Wordmark-only in this capture: "McLAREN" in caps with a distinctive raised superscript "c", proprietary letterforms, rendered white on dark.
- Provide light-on-dark (white) and dark-on-light (black) variants; the hero uses the white SVG wordmark on near-black.
- Maintain clear-space of at least the cap-height of the "M" on all sides; minimum legible width ~120px on screen.
- Never recolor the mark off-palette, never add effects, and never alter the superscript-c spacing.

## Do's and Don'ts

**Don't**

- Never use rounded corners — the radius system is strictly 0px.
- Avoid busy, colorful UI; the palette is monochrome with one ember/papaya accent used sparingly.
- No decorative gradients or drop shadows on cards — flatness and hard edges only.
- Avoid centered body prose; long-form copy stays left-aligned and restrained.
- Body/display typefaces are proprietary McLaren Sans — do not substitute a rounded or geometric humanist as a default.