Skip to content
IndexDesign corpus
Agent Design ToolingDesign MdBrand GuidelinesReferenceMITFree

BMW DESIGN.md

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

Aboutgithub.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.
Components it ships26 total
Helps you build5
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

Related resourcesAgent Design Tooling