What is Cadillac's primary brand color?

Cadillac uses two discrete chromatic accents. The electric citron (#e7e000) is the page's dominant non-neutral color — 477 total occurrences, split between text (242) and border (235) use — functioning as a structural divider and label accent, never as a button fill. The deep navy (#171473) is the primary button background, appearing only 20 times across the page — the rarity is intentional, making the CTA an unmistakable inflection point against the near-black canvas. No third chromatic color appears in the marketing surface.

What typeface does Cadillac use, and what are the weights?

The primary typeface is CadillacGothic, a proprietary sans-serif with fallbacks to Arial and NanumGothic. A narrow variant, CadillacGothicNarrow, appears in fine-print and small label contexts. Weight 100 (ultra-light) is the dominant setting — 44 extracted samples at 14px / 100 / 25.2px line height — with weight 200 used on interactive labels and buttons. Display headings step up to weight 400 at 24–28px. Letter-spacing ranges from 0.63px on body text to 5px on the widest heading tier. Inter at weight 100 with 0.04em letter-spacing is the closest open-source substitute, though the condensed vertical rhythm of CadillacGothic is hard to approximate exactly.

What corner-radius style does Cadillac use?

Sharp: every button, card, and surface uses 0px border-radius. The extraction found no non-zero radius values in the entire captured surface. This is consistent with the luxury-precision aesthetic Cadillac shares with Ferrari and Rolls-Royce — rounded corners read as approachable and consumer-friendly, which conflicts with the brand's engineering-authority positioning. The navigation buttons, CTA button, vehicle tiles, and offer cards all carry square corners.

Why does Cadillac use citron yellow as an accent?

The electric citron (#e7e000) is the brand's signature trim color, visible on physical vehicles as accent striping, interior stitching, and brake calipers. On the marketing site, the color carries exactly that structural role: it appears as horizontal divider rules, border highlights on interactive elements, and label accents — never as a button background or large fill. The 235 border occurrences versus 0 background occurrences confirm this is a disciplined perimeter-only application. Against the near-black #282828 canvas, citron achieves maximum luminance contrast while remaining a thin accent line rather than a competing surface.

Can I use this DESIGN.md to build a luxury automotive marketing site?

Yes — the file is designed to be fed into Claude, Cursor, or any AI tool that reads structured design tokens. The agent will reproduce Cadillac's specific moves: near-black #282828 canvas, CadillacGothic at weight 100 with wide letter-spacing for headings, electric citron #e7e000 reserved for borders and dividers, deep navy #171473 for the single primary CTA, and universal 0px sharp corners. The 15 components cover the major marketing surfaces — hero heading, featured offer card, model lineup tile, primary button, top-nav. For the photography-first hero, note that the design depends on full-bleed vehicle images; the token system alone cannot reproduce the editorial weight that the photography supplies.

Cadillac Design System

Cadillac's marketing design system as a DESIGN.md file.

About Cadillac DESIGN.md

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

Automotive

Cadillac's marketing site makes a move almost no other luxury-automotive brand attempts in its typography: it dials weight down to 100 and letter-spacing up to 5px on section headings. The surface reads "EXPLORE THE CADILLAC LINEUP" in CadillacGothic at 28px / weight 400, and "FEATURED OFFERS" at 24px / weight 400 — but the sub-labels and most running headers run at weight 100, spread wide. Where BMW holds display at weight 700 and Mercedes counts on serif gravitas, Cadillac treats thinness and air as the authority signal. The near-black canvas (#282828) underneath never goes to pure black; the slight warmth in the dark floor softens the technical tension without releasing it.

The DESIGN.md file packages the system into a machine-readable spec. Inside: 14 color tokens from the extracted palette (near-black, electric citron, white, deep navy, mid-gray surfaces), 12 typography tokens spanning CadillacGothic and CadillacGothicNarrow at weights 100–500 across display and body tiers, a universal 0px border-radius, and 15 components covering the primary button, hero heading, featured-offer card, vehicle model tile, top nav, and navigation links. The primary CTA uses deep navy (#171473) fill — a color appearing only 20 times on the page — while the electric citron (#e7e000) functions exclusively as a border and divider accent across 235 border occurrences.

Feed this spec to Claude or Cursor to reproduce Cadillac's discipline: CadillacGothic at weight 100 for labels, wide letter-spacing on every heading, 0px sharp corners, full-bleed photography underneath, and the citron accent reserved for structural dividers rather than fills. The move worth borrowing for any dark-canvas luxury brand is the ultra-light + extreme-tracking combination — it reads expensive precisely because it refuses to shout.

What makes it distinct

Ultra-light type as authorityCadillacGothic at weight 100 with 3.6–5px letter-spacing on section headings, the inverse of the bold-header convention in luxury automotive
Electric citron accent#e7e000 appears 477 times as border and text accent, never as a button fill; the primary button uses deep navy #171473
Sharp 0px everywhereno corner rounding on buttons, cards, or inputs; the geometry reads as precision engineering rather than approachability
Photography-first layoutfull-bleed hero and model-lineup shots carry all visual weight; typography is intentionally thin so it does not compete
Near-black canvas#282828 (not pure black) carries the page with white and citron type on top, 907 combined occurrences

Live at cadillac.com

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

cadillac.com

Explore Cadillac

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

Brand & Accent

Sparing, CTA-only voltage.

Surface

Page and card backgrounds.

Text

Headlines, body, captions, muted.

Borders & Hairlines

Dividers, outlines, structural rules.

Other

Specialty colors.

Cadillac design system FAQ

Common questions about Cadillac'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.

Cadillac — official site

Cadillac's public 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.