What is Aston Martin's primary brand color?

Aston Martin's signature voltage is Racing Green, the dark forest-green field that runs across the centerpiece of the winged emblem on every car badge and across the captured country-selector hero. The marketing surface itself does not render the green as a flat token; instead, it lives inside the photograph of the wing emblem at the center of the page. The browser-reported theme color is the same racing green wired as the meta theme value. Chrome accents are warm brown leather tones from the photographic backdrop and a quiet brushed-gold trim. The page floor is the photograph; the brand color comes from the object inside the photograph rather than from a CSS fill.

What typefaces does Aston Martin use, and what should I use as substitutes?

Aston Martin runs two licensed families. AstonMartinFlare handles display, button labels, small-caps form prompts, and the tracked uppercase footer chrome. AstonMartinSans handles body running text and bold emphasis at weight 400 and 800. The display tier on the splash sits at 48px in weight 300 with normal letter-spacing; the ENTER pill label sits at 14px in weight 500 with 0.55px tracking. There is no separate heading-2 or body-large tier on the captured surface. The closest open-source substitutes are Cormorant Garamond or Spectral for the Flare display tier and Inter or Söhne for the Sans tier. The preserved move is the weight-300 display.

Why is Aston Martin's hero a photograph rather than a flat color?

The captured page is the global country-selector splash. Aston Martin treats the entry-point as a brand-assertion surface rather than as a product-marketing surface, so the photograph of the winged emblem on saddle leather does the work a chrome video hero would do on a category-leader site. The decision aligns with how the brand presents itself on print and in dealership signage — the photograph is the chrome, the wing emblem is the voltage, and the rest of the page reduces to a single underline input, one pill button, and a hairline-separated list of country links. There is no secondary marketing block above the fold.

What corner-radius scale does Aston Martin use?

The captured surface uses exactly two radii. The primary ENTER button is a fully-rounded 30px pill — a squat 32px-tall capsule that reads as one of the warmest, most-tappable elements on an otherwise type-only page. The second radius is 2px, reserved for the inner corners of the form chrome (the search underline carries the corner internally). Every other surface — the country-link cells, the brand emblem container, the footer band — is squared at 0px. The scale is binary on purpose: pill versus right-angle, with no rounded-but-not-pill option to soften the typographic discipline.

Aston Martin Design System

Aston Martin's country-selector splash captured as a DESIGN.md file.

About Aston Martin DESIGN.md

Curated by Dov AzencotUpdated May 18, 2026Source astonmartin.com

Automotive

Aston Martin's first marketing surface is not a vehicle hero, not a configurator, not a video reel — it is a country-selector. A high-resolution photograph of the brand's winged emblem rests on a warm saddle-leather surface, dust grain and stitch detail visible at full size, and the 48px display headline "Welcome to Aston Martin" sits over it in white at weight 300. The only interactive elements are a thin white underline input field labelled "Select Your Site," a 30px-radius dark grey pill that reads ENTER, and a hairline-separated row of seven country links below. There is no nav, no logo lockup, no secondary CTA, no marketing copy. The brand trusts the photograph and the wing emblem to do every bit of work a typical luxury-auto hero would assign to a chrome video header.

The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: fourteen color tokens drawn from the photographic surface (the deep racing-green centerpiece of the wings emblem, the warm leather browns, the gold trim accent, three near-blacks used for footer chrome, a chromatic-gold for an unrendered hover state); five typography tokens spanning AstonMartinFlare at display, button-label, and small-caps tiers, and AstonMartinSans at body running text and bold emphasis; two radii — a 30px pill for the ENTER button and a 2px corner reserved for form chrome; eight spacing values clustered around 20-45px; and fourteen component definitions covering the underline input, the squat ENTER pill, the country-link row, the display heading, and the two label tiers.

Feed this file to an AI coding tool and it reproduces Aston Martin's specific moves: a photograph as the page floor (not a gradient, not a flat fill), a light-weight 300 display tier (the marque never shouts), a single pill radius reserved for the one tappable action, tracked uppercase Flare labels for chrome, and the hairline-separated country list pattern. The one thing worth borrowing only if your brand has the photographic budget to back it: the willingness to ship a splash with no marketing copy whatsoever. Aston Martin gets away with it because the wing emblem and the leather grain do the entire job of brand assertion. Most teams need an interstitial sentence.

What makes it distinct

Photograph as canvasthe brand emblem rests on a warm saddle-leather backdrop with no chrome panel framing it, no gradient overlay, no second surface
Two-family typographic splitAstonMartinFlare carries display and tracked uppercase labels, AstonMartinSans carries body and bold emphasis at weight 400/800
Display weight 300the 48px hero h1 sits at light, not bold; the marque trusts the photograph and the wing emblem to carry the visual force
Pill plus ruleonly two radii exist on the page, a 30px ENTER pill and a 2px corner used inside form chrome; everything else is squared
Hairline-separated country listseven market entries sit on a single row, divided by 1px vertical rules, type-only, no flags or badges

Live at astonmartin.com

A snapshot of the brand in production. Hover the frame to scroll the page; click to visit.

astonmartin.com

Explore Aston Martin

Pick what you want to see — mockups, colors, typography, layout, or the full component list.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.