Design.md

DESIGN.md files that describe a brand's colors, type, spacing and components, so your coding agent can work in that style. We wrote them ourselves; the brands did not.

Airbnb

Marketplace

Warm, photo-led marketplace UI with rounded cards, a coral accent and friendly, rounded type.

Apple

Consumer

Product-first marketing with huge photography, SF Pro headlines and near-silent UI chrome.

Discord

Community

Friendly chat UI on layered dark grays, with a blurple accent and playful illustration.

Duolingo

Education

Bright, gamified learning UI with chunky 3D buttons, rounded type and a cheerful green.

Figma

Design tools

Playful multi-color brand around a quiet, compact editor UI with a single blue selection color.

GitHub

Developer tools

Primer: a functional, information-dense system with neutral grays, blue links and clear state colors.

Linear

Productivity

Dark-first, keyboard-driven product UI with crisp Inter type, low-contrast chrome and a restrained indigo accent.

Notion

Productivity

Document-first minimalism: warm off-black text, almost no chrome, and content blocks that do the layout.

Raycast

Developer tools

Keyboard-first launcher aesthetic: dark glass panels, compact lists and a coral-red accent.

Shopify

Commerce

Polaris: a calm, merchant-focused admin with a deep green brand, clear cards and plain-spoken copy.

Slack

Productivity

Work chat with an aubergine sidebar, a four-color brand and clear, friendly hierarchy.

Spotify

Media

Dark, album-art-forward media UI with a signature green and bold, condensed-feeling headlines.

Stripe

Fintech

Precise, confident fintech UI: deep navy text, a single blurple accent and generous whitespace around dense technical content.

Vercel

Developer tools

Strict black-and-white developer aesthetic built on Geist, hairline borders and a grid you can almost see.