BMW DESIGN.md

A 544-line DESIGN.md token spec of bmw.com you drop in for a coding agent to follow

Tier A · StrongDesign MdBrand GuidelinesReferencegithub.com

One brand folder inside VoltAgent's awesome-design-md, a 74-brand collection of DESIGN.md files that encode a real website's visual identity as agent-readable YAML front matter. The BMW file declares 27 color tokens (corporate blue #1c69d4, navy surface #1a2129), a 14-step BMW Type Next Latin type scale on weights 300 and 700, an 8-step spacing scale, a near-zero radius scale, and token specs for 26 named components from top-nav to cta-band-photo. You copy DESIGN.md into a project root and tell the agent to build against it. Meant for anyone who wants a coding agent to produce measured corporate-automotive UI instead of generic AI slop.

Install

npx getdesign@latest add bmw

For an agent

Fetch the raw DESIGN.md from raw.githubusercontent.com rather than the GitHub tree page — the in-repo README is a stub that only points at getdesign.md. Use it as the token contract for a build, not as code: it names BMW Type Next Latin, which you do not have a license to, so map the family to a system-ui stack and keep the weight pairing (700 display / 300 body) and the 0px radius, since those two choices carry most of the look. Pair it with a component library you already trust (shadcn/ui, Base UI) and let this file drive only the theme layer.

Why it is here. The parent repo is the de facto standard format for handing a brand's visual identity to a coding agent, and the BMW file is one of its most complete entries — a full token set plus per-component specs rather than a vibes paragraph.

Install command, framework, licence and component list.

Facts

License: MIT, Trademark / trade dress restricted
Pricing: Free, Open source
Framework: Not applicable
Styling: CSS custom properties
Distribution: GitHub repository, Copy-paste snippet, CLI installer, Direct download / asset pack
Platform: Web, Platform agnostic
Content type: Design tokens / theme files, Prose / writing
Agent readiness: Structured documentation, Copy-paste ready code, Readable open source, CLI installable
Accessibility: Unknown
Maturity: Actively maintained
Pricing detail: Repo files are free under MIT. getdesign.md upsells a paid Website Starter Kit and Catalog Pass on top.
GitHub stars: 108,552

Components it ships

26 total

Navbar Button Link Hero Card Chip Text Input Tabs Separator Footer Cookie Consent Stat Visual Picker

Helps you build

Homepage Features Single Item Detail Filtering Items Cookie Consent

Notable for

27 named color tokens
26 per-component token specs
restrained 0px radius scale
part of a 74-brand collection
108k-star parent repo

Provenance

Verified 2026-08-15. HTTP 200. https://github.com/VoltAgent/awesome-design-md/tree/main/design-md/bmw, https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/bmw/DESIGN.md, https://raw.githubusercontent.com/VoltAgent/awesome-design-md/main/design-md/bmw/README.md, https://api.github.com/repos/VoltAgent/awesome-design-md, https://api.github.com/repos/VoltAgent/awesome-design-md/contents/design-md, https://getdesign.md/bmw/design-md

Also in Agent Design Tooling

github.comTier A