Reference library of 74 real-world brand design systems as DESIGN.md files (colors, typography, spacing, components, motion). Use when the user wants to match, borrow from, or take inspiration from a specific brand's visual language — "make it look like Linear/Vercel/Stripe/Apple", "give me a Notion-style dashboard", "use a Supabase-like dark theme" — or asks for a curated design token set to seed a new project. Pulls one brand's DESIGN.md as ground-truth reference for building visually consi...
Scanned 9/6/2026
Install to Claude Code
npx -y skills add Gekkos-tech/agency-os --skill awesome-design-md --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Awesome Design Md?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/gekkos-tech-awesome-design-md)More formats (shields.io, HTML) on the badges page.
---
name: awesome-design-md
description: Reference library of 74 real-world brand design systems as DESIGN.md files (colors, typography, spacing, components, motion). Use when the user wants to match, borrow from, or take inspiration from a specific brand's visual language — "make it look like Linear/Vercel/Stripe/Apple", "give me a Notion-style dashboard", "use a Supabase-like dark theme" — or asks for a curated design token set to seed a new project. Pulls one brand's DESIGN.md as ground-truth reference for building visually consistent UI.
---
# Awesome DESIGN.md — brand design-system reference library
A curated collection of `DESIGN.md` files, each a deep analysis of one real brand's
visual language: color tokens, typography scale, spacing, surfaces, component patterns,
and motion. Source: VoltAgent/awesome-design-md.
## How to use
1. Pick the brand closest to the target aesthetic from the index below.
2. Read its `DESIGN.md` (and `README.md` if present) from
`reference design-md/<brand>/DESIGN.md` in this skill folder.
3. Treat that file as the ground-truth design spec — apply its tokens (colors, type,
spacing, radii, shadows, motion) to the user's project. Adapt, don't copy verbatim:
respect the user's existing brand and content.
For a new project, a brand's `DESIGN.md` can be copied into the repo root as a
starting `DESIGN.md` and refined (this pairs well with the `impeccable` and taste skills).
## Available brands (74)
airbnb, airtable, apple, binance, bmw, bmw-m, bugatti, cal, claude, clay, clickhouse,
cohere, coinbase, composio, cursor, dell-1996, elevenlabs, expo, ferrari, figma, framer,
hashicorp, hp, ibm, intercom, kraken, lamborghini, linear.app, lovable, mastercard, meta,
minimax, mintlify, miro, mistral.ai, mongodb, nike, nintendo-2001, notion, nvidia, ollama,
opencode.ai, pinterest, playstation, posthog, raycast, renault, replicate, resend, revolut,
runwayml, sanity, sentry, shopify, slack, spacex, spotify, starbucks, stripe, supabase,
superhuman, tesla, theverge, together.ai, uber, vercel, vodafone, voltagent, warp, webflow,
wired, wise, x.ai, zapier
Files live in `design-md/<brand>/DESIGN.md`.

Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!