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...
Installs 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 with every re-scan.
[](https://www.skillsdirectory.com/skills/gekkos-tech-awesome-design-md)
---
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`.
