Claude
Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.
EditorialWarm
A visual index of awesome-design-md
71 design systems.
One template. Side by side.
The same fictional product, rendered in 71 real brand design languages across 9 categories. The content never changes, so every visual difference is the design system talking. Compare, then pick a direction.
- Design systems
- 71
- Categories
- 9
- Live sites
- 71
What a DESIGN.md is
Awesome DESIGN.md is a curated collection of DESIGN.md files extracted from real websites. Copy one into your project, tell your AI agent to build a page that looks like it, and generate high-quality UI that stays visually consistent with the design language. The files are built with real design depth, including analyzed patterns, tokens, and rules, for high-quality UI generation rather than surface-level outputs.
DESIGN.md is a concept introduced by Google Stitch: a plain-text design system document that AI agents read to generate consistent UI. There are no Figma exports, no JSON schemas, and no special tooling required. Drop a DESIGN.md into your project root and any AI coding agent or Google Stitch instantly understands how your UI should look and feel. Markdown is the format LLMs read best, so there is nothing to parse or configure.
This repository provides ready-to-use DESIGN.md files extracted from real websites. Each brand entry ships a DESIGN.md the agent reads, plus a preview.html and preview-dark.html visual catalog showing color swatches, type scale, buttons, and cards.
How to use one
- 1Copy a site's DESIGN.md into your project root.
- 2Tell your AI agent to use it.
AI & LLM Platforms
AI models, voice synthesis, ML inference APIs, agent frameworks, and creative AI tools from frontier labs and open-source providers.
Cohere
Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.
GradientVibrant
ElevenLabs
AI voice platform. Dark cinematic UI, audio-waveform aesthetics.
DarkPhotographic
MiniMax
AI model provider. Bold dark interface with neon accents.
DarkNeon
Mistral
Open-weight LLM provider. French-engineered minimalism, purple-toned.
Minimal
Ollama
Run LLMs locally. Terminal-first, monochrome simplicity.
Monospace
OpenCode
AI coding platform. Developer-centric dark theme.
Dark
Replicate
Run ML models via API. Clean white canvas, code-forward.
Monospace
Runway
AI creative-tools platform with an editorial film-festival aesthetic: cinematic dark heroes, paper-white reading bands, single proprietary sans, and pure black pill CTAs.
DarkEditorial
Together AI
Open-source AI infrastructure. Technical, blueprint-style design.
Monospace
VoltAgent
AI agent framework. Void-black canvas, emerald accent, terminal-native.
DarkMonospace
xAI
Elon Musk's AI lab. Stark monochrome, futuristic minimalism.
MonospaceMinimal
Automotive
Luxury, performance, and electric vehicle brands with visual languages ranging from stark minimalism to cinematic excess.
BMW M
Performance automotive. Motorsport-inspired contrast, M color accents, precision-driven layout.
Minimal
BMW
Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.
Dark
Bugatti
Luxury hypercar. Cinema-black canvas, monochrome austerity, monumental display type.
DarkMonospace
Ferrari
Luxury automotive. Chiaroscuro black-white editorial, Ferrari Red with extreme sparseness.
Editorial
Lamborghini
Luxury automotive. True black cathedral, gold accent, LamboType custom Neo-Grotesk.
Dark
Renault
French automotive. Vivid aurora gradients, NouvelR proprietary typeface, zero-radius buttons.
Gradient
Tesla
Electric vehicles. Radical subtraction, cinematic full-viewport photography, Universal Sans.
MinimalPhotographic
Backend, Database & DevOps
Databases, analytics engines, infrastructure automation, error monitoring, and developer-facing backend platforms.
ClickHouse
Fast analytics database. Yellow-accented, technical documentation style.
Composio
Tool integration platform. Modern dark with colorful integration icons.
DarkVibrant
HashiCorp
Infrastructure automation. Enterprise-clean, black and white.
MongoDB
Document database. Green leaf branding, developer documentation focus.
PostHog
Product analytics. Playful hedgehog branding, developer-friendly dark UI.
DarkVibrant
Sanity
Headless content platform with a dark-first editorial marketing surface: 112px display type, IBM Plex Mono technical eyebrows, and a single coral-red accent reserved for the highest-priority CTA.
DarkMonospace
Sentry
Error monitoring. Dark dashboard, data-dense, pink-purple accent.
Dark
Supabase
Open-source Firebase alternative. Dark emerald theme, code-first.
Dark
Design & Creative Tools
Collaborative design software, visual builders, and creative platforms used by designers and product teams.
Airtable
Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.
Vibrant
Clay
Creative agency. Organic shapes, soft gradients, art-directed layout.
Gradient
Figma
Collaborative design tool. Vibrant multi-color, playful yet professional.
Vibrant
Framer
Website builder. Bold black and blue, motion-first, design-forward.
Miro
Visual collaboration. Bright yellow accent, infinite canvas aesthetic.
Webflow
Visual web builder. Blue-accented, polished marketing site aesthetic.
Developer Tools & IDEs
Code editors, deployment platforms, terminals, mobile toolchains, and developer productivity apps built for engineering workflows.
Cursor
AI-first code editor. Sleek dark interface, gradient accents.
DarkGradient
Expo
React Native platform. Dark theme, tight letter-spacing, code-centric.
DarkMonospace
Lovable
AI full-stack builder. Playful gradients, friendly dev aesthetic.
GradientVibrant
Raycast
Productivity launcher. Sleek dark chrome, vibrant gradient accents.
DarkGradient
Superhuman
Fast email client. Premium dark UI, keyboard-first, purple glow.
Dark
Vercel
Frontend deployment platform. Black and white precision, Geist font.
Minimal
Warp
Modern terminal. Dark IDE-like interface, block-based command UI.
DarkMonospace
E-Commerce & Retail
Consumer retail, marketplace, and e-commerce platform brands with visual identities ranging from athletic to premium hospitality.
Airbnb
Travel marketplace. Warm coral accent, photography-driven, rounded UI.
PhotographicWarm
Meta
Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.
DarkPhotographic
Nike
Athletic retail. Monochrome UI, massive uppercase Futura, full-bleed photography.
MonospacePhotographic
Shopify
E-commerce platform. Dark-first cinematic, neon green accent, ultra-light display type.
DarkNeon
Starbucks
Coffee retail flagship. Four-tier earth-green system, warm cream canvas, proprietary SoDoSans.
Warm
Fintech & Crypto
Payment infrastructure, crypto exchanges, digital banking, and global payments network brands with trust-focused or trading-floor visual languages.
Binance
Crypto exchange. Bold Binance Yellow on monochrome, trading-floor urgency.
Monospace
Coinbase
Crypto exchange. Clean blue identity, trust-focused, institutional feel.
Kraken
Crypto trading platform. Purple-accented dark UI, data-dense dashboards.
Dark
Mastercard
Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.
EditorialWarm
Revolut
Digital banking. Sleek dark interface, gradient cards, fintech precision.
DarkGradient
Stripe
Payment infrastructure. Signature purple gradients, weight-300 elegance.
Gradient
Wise
International money transfer. Bright green accent, friendly and clear.
Vibrant
Media & Consumer Tech
Consumer electronics, tech media publications, streaming platforms, hardware makers, and large-scale mobility and telecom brands.
Apple
Consumer electronics. Premium white space, SF Pro, cinematic imagery.
Photographic
IBM
Enterprise technology. Carbon design system, structured blue palette.
NVIDIA
GPU computing. Green-black energy, technical power aesthetic.
Visual discovery platform. Red accent, masonry grid, image-first.
PlayStation
Gaming console retail. Three-surface channel layout, cyan hover-scale interaction.
SpaceX
Space technology. Stark black and white, full-bleed imagery, futuristic.
MinimalPhotographic
Spotify
Music streaming. Vibrant green on dark, bold type, album-art-driven.
DarkVibrant
The Verge
Tech editorial media. Acid-mint and ultraviolet accents, Manuka display type.
Editorial
Uber
Mobility platform. Bold black and white, tight type, urban energy.
Vodafone
Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.
Uppercase
WIRED
Tech magazine. Paper-white broadsheet density, custom serif, ink-blue links.
SerifEditorial
Productivity & SaaS
Team communication, project management, documentation, scheduling, email, and workflow automation platforms for knowledge workers.
Cal.com
Open-source scheduling. Clean neutral UI, developer-oriented simplicity.
Intercom
Customer messaging. Friendly blue palette, conversational UI patterns.
Vibrant
Linear
Project management for engineers. Ultra-minimal, precise, purple accent.
Minimal
Mintlify
Documentation platform. Clean, green-accented, reading-optimized.
Notion
All-in-one workspace. Warm minimalism, serif headings, soft surfaces.
SerifMinimal
Resend
Email API for developers. Minimal dark theme, monospace accents.
DarkMonospace
Slack
Team messaging platform. Colorful, friendly, channel-based UI.
Vibrant
Zapier
Automation platform. Warm orange, friendly illustration-driven.
WarmVibrant