DESIGN.md

Curated collection of DESIGN.md files that capture real design systems from popular websites. Drop one into your project and let coding agents build matching UI.

What is DESIGN.md?

A plain-text design system document that AI coding agents read to generate consistent UI. No Figma exports, no JSON schemas — just a markdown file with colors, typography, components, and layout rules. Follows the Google Stitch DESIGN.md format.

Every file includes:

• Visual Theme & Atmosphere — mood, density, design philosophy
• Color Palette & Roles — semantic names + hex + functional roles
• Typography Rules — font families, full hierarchy
• Component Stylings — buttons, cards, inputs, navigation with states
• Layout Principles — spacing scale, grid, whitespace philosophy
• Depth & Elevation — shadow system, surface hierarchy
• Do's and Don'ts — design guardrails
• Responsive Behavior — breakpoints, touch targets