AI News HubLIVE
In-site rewrite3 min read

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

DESIGN.md is a reusable design reference for AI coding agents, covering colors, typography, spacing, components, and design rationale. It helps every new page follow a specific visual language rather than generic AI layouts. The site offers a catalog of 300+ brand design system analyses.

SourceHacker News AIAuthor: spking

getdesign.md — DESIGN.md collection for AI coding agents

NewLaunchKitWant the full website / SaaS / startup starter with DESIGN.md included?→

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.

Browse design systems analysis catalog→

Follows Google's official DESIGN.md spec

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

Use a DESIGN.md to

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.

yoursite.com

Need a private DESIGN.md?We craft one for any website you want.Browse the catalog300+ DESIGN.md analyses, ready to request.

Find Designs

#Design Systems Analysis

BMW M

Motorsport automotive. Pure black canvas, M tricolor stripe accents, full-bleed photography.

New——Dell (1996)

Catalog-era PC retail web. Black page frame, flat color-block ribbon cards, Helvetica-Black over Times Roman.

New——HP

Consumer electronics catalog. White canvas with electric blue accent, angular chevron motifs.

New—— Nintendo (2001)

Y2K "console chrome" web. Brushed-periwinkle metal panels, amber nav on a dotted carbon bar, outlined Arial-Black box-art type.

New——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.

——