Give AI-built websites a real design with DESIGN.md

Give your coding agent a reusable design reference: colors, type, spacing, components, and the reasoning behind them.

So every new page follows a specific visual language, not the same generic AI layout.

Use a DESIGN.md to:

• Style your site without being a designer
• Match a style you like from any reference site
• Keep new pages in the same visual language
• Restyle existing pages without starting over
• Give your AI coder a reusable design brief

Style without design skills

Pick a DESIGN.md from a real site and hand it to your AI coder. It already carries the colors, type, and spacing, so you don't need to know any of it.

Find Designs

Design Systems Analysis

• BMW M: Motorsport automotive. Pure black canvas, M tricolor stripe accents, full-bleed photography.
• Dell (1996): Catalog-era PC retail web. Black page frame, flat color-block ribbon cards, Helvetica-Black over Times Roman.
• HP: Consumer electronics catalog. White canvas with electric blue accent, angular chevron motifs.
• Nintendo (2001): Y2K "console chrome" web. Brushed-periwinkle metal panels, amber nav on a dotted carbon bar, outlined Arial-Black box-art type.
• Airbnb: Travel marketplace. Warm coral accent, photography-driven, rounded UI.
• Airtable: Spreadsheet-database hybrid. Colorful, friendly, structured data aesthetic.
• Apple: Consumer electronics. Premium white space, SF Pro, cinematic imagery.
• Binance: Crypto exchange. Bold yellow accent on monochrome, trading-floor urgency.
• BMW: Luxury automotive. Dark premium surfaces, precise German engineering aesthetic.
• Bugatti: Hypercar brand. Cinema-black canvas, monochrome austerity, monumental display type.
• Cal.com: Open-source scheduling. Clean neutral UI, developer-oriented simplicity.
• Claude: Anthropic's AI assistant. Warm terracotta accent, clean editorial layout.
• Clay: Creative agency. Organic shapes, soft gradients, art-directed layout.
• ClickHouse: Fast analytics database. Yellow-accented, technical documentation style.
• Cohere: Enterprise AI platform. Vibrant gradients, data-rich dashboard aesthetic.
• Coinbase: Crypto exchange. Clean blue identity, trust-focused, institutional feel.
• Composio: Tool integration platform. Modern dark with colorful integration icons.
• Cursor: AI-first code editor. Sleek dark interface, gradient accents.
• Discord: Team & community chat platform. Deep-indigo canvas with Blurple gradients, heavy all-caps display type.
• ElevenLabs: AI voice platform. Dark cinematic UI, audio-waveform aesthetics.
• Expo: React Native platform. Dark theme, tight letter-spacing, code-centric.
• Ferrari: Luxury automotive. Chiaroscuro editorial, Ferrari Red accents, cinematic black.
• Figma: Collaborative design tool. Vibrant multi-color, playful yet professional.
• Framer: Website builder. Bold black and blue, motion-first, design-forward.
• HashiCorp: Infrastructure automation. Enterprise-clean, black and white.
• IBM: Enterprise technology. Carbon design system, structured blue palette.
• Intercom: Customer messaging. Friendly blue palette, conversational UI patterns.
• Kraken: Crypto trading. Purple-accented dark UI, data-dense dashboards.
• Lamborghini: Supercar brand. True black surfaces, gold accents, dramatic uppercase typography.
• Linear: Project management. Ultra-minimal, precise, purple accent.
• Lovable: AI full-stack builder. Playful gradients, friendly dev aesthetic.
• Mastercard: Global payments network. Warm cream canvas, orbital pill shapes, editorial warmth.
• Meta: Tech retail store. Photography-first, binary light/dark surfaces, Meta Blue CTAs.
• MiniMax: AI model provider. Bold dark interface with neon accents.
• Mintlify: Documentation platform. Clean, green-accented, reading-optimized.
• Miro: Visual collaboration. Bright yellow accent, infinite canvas aesthetic.
• Mistral AI: Open-weight LLM provider. French-engineered minimalism, purple-toned.
• MongoDB: Document database. Green leaf branding, developer documentation focus.
• Nike: Athletic retail. Monochrome UI, massive uppercase type, full-bleed photography.
• Notion: All-in-one workspace. Warm minimalism, serif headings, soft surfaces.
• NVIDIA: GPU computing. Green-black energy, technical power aesthetic.
• Ollama: Run LLMs locally. Terminal-first, monochrome simplicity.
• OpenCode: AI coding platform. Developer-centric dark theme.
• Pinterest: Visual discovery. Red accent, masonry grid, image-first.
• PlayStation: Gaming console retail. Three-surface channel layout, quiet-authority display type, cyan hover-scale.
• PostHog: Product analytics. Playful hedgehog branding, developer-friendly dark UI.
• Raycast: Productivity launcher. Sleek dark chrome, vibrant gradient accents.
• Renault: French automotive. Vibrant aurora gradients, NouvelR typography, bold energy.
• Replicate: Run ML models via API. Clean white canvas, code-forward.
• Resend: Email API. Minimal dark theme, monospace accents.
• Revolut: Digital banking. Sleek dark interface, gradient cards, fintech precision.
• Runway: AI video generation. Cinematic dark UI, media-rich layout.
• Sanity: Headless CMS. Red accent, content-first editorial layout.
• Sentry: Error monitoring. Dark dashboard, data-dense, pink-purple accent.
• Shopify: E-commerce platform. Dark-first cinematic, neon green accent, ultra-light type.
• Slack: Workplace messaging brand. Deep-aubergine primary with cream-lavender hero gradients and pill CTAs.
• SpaceX: Space technology. Stark black and white, full-bleed imagery, futuristic.
• Spotify: Music streaming. Vibrant green on dark, bold type, album-art-driven.
• Starbucks: Global coffee retail brand. Four-tier green system, warm cream canvas, full-pill buttons.
• Stripe: Payment infrastructure. Signature purple gradients, weight-300 elegance.
• Supabase: Open-source Firebase alternative. Dark emerald theme, code-first.
• Superhuman: Fast email client. Premium dark UI, keyboard-first, purple glow.
• Tesla: Electric automotive. Radical subtraction, full-viewport photography, near-zero UI.
• The Verge: Tech editorial media. Acid-mint and ultraviolet accents, Manuka display, rave-flyer story tiles.
• Together AI: Open-source AI infrastructure. Technical, blueprint-style design.
• Uber: Mobility platform. Bold black and white, tight type, urban energy.
• Vercel: Frontend deployment. Black and white precision, Geist font.
• Vodafone: Global telecom brand. Monumental uppercase display, Vodafone Red chapter bands.
• VoltAgent: AI agent framework. Void-black canvas, emerald accent, terminal-native.
• Warp: Modern terminal. Dark IDE-like interface, block-based command UI.
• Webflow: Visual web builder. Blue-accented, polished marketing site aesthetic.
• WIRED: Tech magazine. Paper-white broadsheet density, custom serif display, mono kickers, ink-blue links.
• Wise: Money transfer. Bright green accent, friendly and clear.
• xAI: Elon Musk's AI lab. Stark monochrome, futuristic minimalism.
• Zapier: Automation platform. Warm orange, friendly illustration-driven.