What is Lexus's primary brand color?

Lexus operates from a near-absent color palette. The dominant chromatic element is pure black #000000 at 1001 captured occurrences — 497 as text and 496 as border — used for every running label, every card outline, and most button strokes. White #ffffff carries 136 occurrences as canvas. The only true accent is champagne gold #b6a171, which surfaces six times across the entire page, all on luxury-tier chip outlines and spec-badge frames. Most brands would call this monochrome a default; Lexus treats it as the brand's voltage — restraint as identity, with the gold appearing only on moments that earn the luxury signifier.

What typeface does Lexus use, and what should I use as a substitute?

Lexus runs Nobel across every typographic tier — a geometric sans by Tobias Frere-Jones based on the 1920s Sjoerd Hendrik de Roos original. Display sits at 24-40px in weight 300, headings at 13-16px in 400 or 500, body at 11-14px in 400, and small-caps labels at 11-13px in 700 with 1.1-1.6px tracking. The letter-spacing is the load-bearing typographic move: every tier carries explicit tracking from 0.44px on body to 1.6px on labels. The closest open-source substitute is Inter at the same weights with explicit `letter-spacing: 0.04em` applied to small sizes; Geist Sans is a tighter alternative if you need a more contemporary geometric fit.

Why does Lexus avoid color entirely?

Lexus's brand promise is craftsmanship-through-restraint, and the marketing chrome is built to never compete with the vehicle photography. The L-spindle grille and the body lines of the staged vehicles are the page's only chromatic interest; introducing a brand color would dilute that focus. The black-and-white discipline runs deeper than convention — even the gallery background of the hero photography is darkened to push every chromatic note onto the metal of the car. The champagne gold #b6a171 surfaces only when a luxury-tier signifier demands more than ink can carry.

What is Lexus's corner-radius philosophy?

The radius scale is generous-rounded on body cards and full-pill on chips. Cards default to 20px or 24px (16 combined occurrences captured) — softer than the 8-12px SaaS default, more confident than the 2-4px utility square. Stat-callout chips run fully rounded at 9999px (and 932px renders as effectively full on the captured sizes). There is no 4 / 8 / 12px middle tier; the system is binary — generous-rounded for body or fully circular for chips. The 20-24px rounding pairs naturally with the L-spindle silhouette of the front grille — soft-corner geometry across the chrome echoes the curvature of the vehicle photography.

Can I use this DESIGN.md to build my own luxury-automotive marketing site?

Yes — the file is structured for ingestion by Claude, Cursor, or any AI tool that reads design tokens. The agent will reproduce Lexus's specific moves: monochrome ink-on-canvas chrome, Nobel as the single typeface with explicit letter-spacing, 20-24px card rounding, and the champagne-gold accent reserved for luxury-tier chips. The token references resolve without invention. One caveat worth keeping: the willingness to forgo chromatic safety nets only works when the photography genuinely carries the page. For a category where the vehicle is the protagonist this is the right discipline; for SaaS or DTC where the product is software or a swatch, the same restraint can read as unfinished.

Lexus Design System

Lexus's marketing-site design tokens packaged for React, Next.js, and AI coding tools.

About Lexus DESIGN.md

Curated by Dov AzencotUpdated May 19, 2026Source lexus.com

Automotive

Lexus's marketing chrome is the most monochrome system in the automotive luxury category. The hero opens on a studio render of an LX 700h staged against a darkened gallery wall, the L-spindle grille lit as the focal element. Below, a "Meet the models" model-card grid sits on pure white with three vehicle renders, each card rounded at 20-24px and bordered with a 1px ink hairline. Every typographic surface — display h2 at 24px, model name at 13-14px, body copy at 11px — runs Nobel at modest weights with letter-spacing ranging from 0.44px on body to 1.6px on small caps. Tracking is the system's load-bearing hierarchy device; weight is held in reserve.

Where Mercedes leans on charcoal-and-silver, BMW on a warmer kidney-grille blue, and Ferrari on hard-cut red-on-black, Lexus inverts the entire luxury-automotive palette toward neutral ink-on-canvas. The DESIGN.md file packages the system into a machine-readable spec for React tooling. Inside: black `#000000` carries 1001 captured occurrences as text and border; white `#ffffff` is the canvas at 136; a gray ladder (#adadad, #707070) handles secondary and tertiary text; and a single champagne gold #b6a171 surfaces six times only — all on luxury-tier chips and spec-badge outlines. Nobel runs every typographic tier; cards round at 20-24px; pill chips appear at 9999px for stat callouts. There are no chromatic accents anywhere else.

Feed this file to Claude or Cursor and the AI reproduces Lexus's specific moves: black-on-white monochrome chrome, Nobel as the single typeface with letter-spacing doing the work weight would normally do, 20-24px card rounding, and the champagne-gold accent reserved for luxury-tier moments. The one move worth borrowing only if your brand has earned the right to be monochrome is the willingness to let typography and photography carry everything without any chromatic safety net. For most marketing systems the same discipline reads as undercooked; for a brand whose entire promise is craftsmanship in restraint, the absence of color is the entire design.

What makes it distinct

Pure black voltage#000000 carries 1001 occurrences as the structural ink across text, borders, and one rare background fill
Nobel as single voiceevery display, body, button, and nav surface runs Nobel in weights 300, 400, 500, 700
Letter-spacing as hierarchytracking ranges from 0.44px on body to 1.6px on labels, doing the work weight would normally do
Champagne gold rare accent#b6a171 surfaces 6 times only, all on luxury-tier chips and spec-badge outlines
Rounded card geometry at 20-24pxthe dominant body radius, paired with 9999px pill chips for stat callouts

Live at lexus.com

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

lexus.com

Explore Lexus

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.

Lexus design system FAQ

Common questions about Lexus's tokens, components, and how to use this DESIGN.md in your project.

Specs, directories, and component libraries that pair with this design system.

Browse all design systems

The full directory of DESIGN.md files on shadcn.io, with live mockups for each.

Lexus — official site

Lexus's public US marketing site — the source of truth for the live tokens captured in this file.

The DESIGN.md specification

Google Labs' open spec for machine-readable design system files — the format this page is built on.