§ Systems
  1. 01Type scale
  2. 02Color
  3. 03Spacing
  4. 04Components
  5. 05Motion

One file.
A whole design
system.

A curated collection of DESIGN.md files analysing popular brand design systems. Drop one into your project and let coding agents generate a UI that matches the system — not generic slop.

cp DESIGN.md ./ use it
agent reads it · UI follows
Input · DESIGN.md
# Design System

## Type
scale: 1.250 (major third)
heading: 800 / -0.03em
body: 400 / 1.5

## Color
accent: #E1261C
ink: #0D0D0C
paper: #F3F2EE

## Shape
radius: 0 (hard edges)
border: 2px solid ink
Output · generated UI (illustrative)

Ship the system.

Same scale, same accent, same hard edges — an agent built this card straight from the DESIGN.md on the left.

Primary Secondary
github.com/VoltAgent/awesome-design-md One DESIGN.md, a matching UI