DESIGN.md Library

A curated vault of 71 DESIGN.md files — plain-text design system documents inspired by real brand websites. Drop one into a project and Claude will generate UI that matches the brand's look and feel.

What is DESIGN.md?

DESIGN.md is a Google Stitch format: a single markdown file that captures a brand's visual design system in a way AI coding agents can read and apply directly. No Figma exports, no JSON schemas, no tooling — just markdown.

Each file follows the Stitch format with these sections:

1. Visual Theme & Atmosphere
2. Color Palette & Roles (semantic name + hex + functional role)
3. Typography Rules (font families, full hierarchy table)
4. Component Stylings (buttons, cards, inputs, nav, with states)
5. Layout Principles (spacing scale, grid, whitespace philosophy)
6. Depth & Elevation (shadow system, surface hierarchy)
7. Do's and Don'ts (guardrails and anti-patterns)
8. Responsive Behavior (breakpoints, touch targets)
9. Agent Prompt Guide (quick color reference, ready-to-use prompts)