Awesome DESIGN.md

A curated collection of DESIGN.md files — plain-markdown design systems that an AI agent reads to generate UI consistent with a specific brand's visual language. DESIGN.md is a concept from Google Stitch: a single markdown document defining colors, typography, spacing, and component rules. No Figma exports, no JSON, no tooling.

How to use

1. Pick the brand whose aesthetic fits the brief (see the index below).
2. Read references/<brand>/DESIGN.md from this skill — it contains the full token set and rules.
3. Generate the UI following that document. Optionally copy the DESIGN.md into the target project root so future edits stay consistent.

Each brand is an inspired interpretation of a public design language, not official brand assets — use as a starting style reference.

Brand index

• airbnb — references/airbnb/DESIGN.md
• airtable — references/airtable/DESIGN.md
• apple — references/apple/DESIGN.md
• binance — references/binance/DESIGN.md
• bmw-m — references/bmw-m/DESIGN.md
• bmw — references/bmw/DESIGN.md
• bugatti — references/bugatti/DESIGN.md
• cal — references/cal/DESIGN.md
• claude — references/claude/DESIGN.md
• clay — references/clay/DESIGN.md
• clickhouse — references/clickhouse/DESIGN.md
• cohere — references/cohere/DESIGN.md
• coinbase — references/coinbase/DESIGN.md
• composio — references/composio/DESIGN.md
• cursor — references/cursor/DESIGN.md
• dell-1996 — references/dell-1996/DESIGN.md
• elevenlabs — references/elevenlabs/DESIGN.md
• expo — references/expo/DESIGN.md
• ferrari — references/ferrari/DESIGN.md
• figma — references/figma/DESIGN.md
• framer — references/framer/DESIGN.md
• hashicorp — references/hashicorp/DESIGN.md
• hp — references/hp/DESIGN.md
• ibm — references/ibm/DESIGN.md
• intercom — references/intercom/DESIGN.md
• kraken — references/kraken/DESIGN.md
• lamborghini — references/lamborghini/DESIGN.md
• linear.app — references/linear.app/DESIGN.md
• lovable — references/lovable/DESIGN.md
• mastercard — references/mastercard/DESIGN.md
• meta — references/meta/DESIGN.md
• minimax — references/minimax/DESIGN.md
• mintlify — references/mintlify/DESIGN.md
• miro — references/miro/DESIGN.md
• mistral.ai — references/mistral.ai/DESIGN.md
• mongodb — references/mongodb/DESIGN.md
• nike — references/nike/DESIGN.md
• nintendo-2001 — references/nintendo-2001/DESIGN.md
• notion — references/notion/DESIGN.md
• nvidia — references/nvidia/DESIGN.md
• ollama — references/ollama/DESIGN.md
• opencode.ai — references/opencode.ai/DESIGN.md
• pinterest — references/pinterest/DESIGN.md
• playstation — references/playstation/DESIGN.md
• posthog — references/posthog/DESIGN.md
• raycast — references/raycast/DESIGN.md
• renault — references/renault/DESIGN.md
• replicate — references/replicate/DESIGN.md
• resend — references/resend/DESIGN.md
• revolut — references/revolut/DESIGN.md
• runwayml — references/runwayml/DESIGN.md
• sanity — references/sanity/DESIGN.md
• sentry — references/sentry/DESIGN.md
• shopify — references/shopify/DESIGN.md
• slack — references/slack/DESIGN.md
• spacex — references/spacex/DESIGN.md
• spotify — references/spotify/DESIGN.md
• starbucks — references/starbucks/DESIGN.md
• stripe — references/stripe/DESIGN.md
• supabase — references/supabase/DESIGN.md
• superhuman — references/superhuman/DESIGN.md
• tesla — references/tesla/DESIGN.md
• theverge — references/theverge/DESIGN.md
• together.ai — references/together.ai/DESIGN.md
• uber — references/uber/DESIGN.md
• vercel — references/vercel/DESIGN.md
• vodafone — references/vodafone/DESIGN.md
• voltagent — references/voltagent/DESIGN.md
• warp — references/warp/DESIGN.md
• webflow — references/webflow/DESIGN.md
• wired — references/wired/DESIGN.md
• wise — references/wise/DESIGN.md
• x.ai — references/x.ai/DESIGN.md
• zapier — references/zapier/DESIGN.md

Attribution

Sourced from VoltAgent/awesome-design-md (MIT). Aggregated here for personal agent use; all design analyses remain the work of their original authors.