What are the main colors of Marketplaces brands?

Open the brand's page for its full palette. A few primaries in Marketplaces: Airbnb #ff385c, DoorDash #eb1700, eBay #0968f6 and Etsy #f1641e.

How do I find Marketplaces design systems by color?

Every file lists its colors as quoted hex values with names such as `primary`, `canvas` and `ink`. The finder on /design also searches by color word, so you can look for the Marketplaces systems that use a given hue.

How do I use a Marketplaces brand's palette in a Tailwind project?

Copy a brand's `primary`, background and ink tokens into your CSS variables (`--primary`, `--background`, `--foreground`). Airbnb is a good place to start: its page shows its palette next to its components.

How do I build a Marketplaces-style pricing table or navbar from a DESIGN.md?

Pick the brand on this page, then give its DESIGN.md to your agent with the component you want, such as a pricing table or a navbar. The agent builds it from the brand's component tokens, so a Marketplaces look carries into your own code.

Do Marketplaces brands use rounded or sharp corners?

By the shape of their components, the Marketplaces files split 7 soft, 4 mixed and 3 sharp. A brand's page shows its corner radii and a live mockup in use.

Which components do Marketplaces DESIGN.md files define?

Uber defines 39 components, the most in Marketplaces. Each lists properties such as its background, text color, type and corner radius as references to the other tokens, so an agent can build it directly.

How do I apply a Marketplaces design system to shadcn/ui?

Copy the radius token into `--radius` and the colors into your CSS variables. The shadcn/ui components read them, so a Button and a Card take on the Marketplaces brand's look.

Which Marketplaces brands have a DESIGN.md?

14 DESIGN.md files for Marketplaces brands, among them Airbnb, DoorDash, eBay, Etsy, Expedia and Farfetch. Each holds one brand's colors, typography, corner radii, spacing and components as tokens.

How are the Marketplaces design systems grouped?

Marketplaces is one of 29 categories. A brand can sit in more than one: the category page lists every system tagged Marketplaces, and each links to its own page with the full file.

Which Marketplaces design system is the most detailed?

Uber has the most components of the Marketplaces files, 39. Airbnb has the widest palette, with 23 color tokens.

Are the Marketplaces DESIGN.md files official brand guidelines?

No. Each DESIGN.md describes the look of a brand's public website. It is not official, and the brands have not endorsed it; their names and logos belong to them.

How do I set a Marketplaces brand's fonts in Tailwind CSS v4?

Set the family under `--font-sans` (or `--font-heading`) in your `@theme` block, then reuse the DESIGN.md's sizes, weights and line heights. Load the font with `next/font` or a stylesheet, as you would any other.

Which fonts do Marketplaces brands use?

UberMoveText (2 systems), UberMove (2 systems) and Airbnb Cereal VF (1 system). Counts are the Marketplaces files that use the family in a type token.

Which Marketplaces brand has the largest type scale?

Airbnb has the most type tokens of the Marketplaces files, 18: a full scale from display sizes to captions.

What can I use instead of a Marketplaces brand's proprietary font?

Keep the sizes, weights and spacing from the DESIGN.md and set the family to an open font. Some brands use proprietary families that need their own license.

How do I use a Marketplaces DESIGN.md with an AI agent?

Open a brand in Marketplaces, download its DESIGN.md or copy it as Markdown, and give it to Claude Code, Cursor or another agent with a prompt such as "build this page in the style of the DESIGN.md". The agent reads the tokens and writes matching components.

Are the Marketplaces DESIGN.md files free?

Yes. The 14 Marketplaces files are free to download or copy, with no account.

Can I mix two Marketplaces design systems?

Yes: the files are plain Markdown, so take the tokens you like from two of them. Treat them as starting points for your own brand, not as the brands' assets.

Where are the design systems that are not in Marketplaces?

The main directory has 29 categories, such as E-commerce & Retail, Developer Tools & IDEs and AI & LLM Platforms. See /design/category/marketplaces for this one; the other category pages are linked at the bottom of this page.

Marketplaces design systems

DESIGN.md files for 14 Marketplaces brands, Airbnb, DoorDash and eBay among them: colors, typography and components for React, Next.js and AI tools.

Get Pro Browse systems

14 DESIGN.md files

Airbnb, Uber, Etsy and 11 more: each brand's colors, typography and components in one file your AI agent builds from. Free to download.

Other categories

28 more industries, largest first. Each lists every one of its systems.

Found your style? With Pro, your AI agent builds it from blocks, templates and icons, from a prompt.

Get Pro

Build it with Pro

The DESIGN.md files are free. Pro adds 6,000+ blocks, premium templates and the MCP server, so your AI editor builds in your system for you.

See full pricing

4.9/5 out of 5 · 150+ reviewsfrom 150+ founders and developers.

Billing

Billed once a year in USD. Cancel anytime.

Yearly-33%MonthlyLifetimePay once

How many people can use the license.
Client work, SaaS products and anything you charge for.
Page sections in 56 categories, from heroes and pricing tables to dashboards and settings, on every framework and UI library, in your theme.
Complete Next.js sites for startups, SaaS, agencies and portfolios, every page designed, ready to ship.
Your AI agent searches, previews and installs any component, block, icon or DESIGN.md from a prompt: 22 tools in Claude Code, Cursor, VS Code and 35 more clients.
Buttons with motion and states of their own, from an arrow that slides in to a burst of confetti.
Typewriters, scrambles, counters and more, for headlines, labels and numbers.
Animated backgrounds for heroes, sections and cards, from a soft aurora to a flock that flees the cursor. Most are pure CSS.
WebGPU shaders, from a slow aurora to a black hole, each drawing only while it's on screen.
One design and one theme on all four: the components, blocks and effects are built for each framework.
React on Base UI, Radix UI, React Aria or Ark UI: install the version for the library your project already uses. Vue, Svelte and Solid run on Ark UI.
From a button to a date picker, a color picker or a guided tour: accessible, typed in TypeScript, each with live demos.
Real-world patterns built from the components, in 53 galleries: forms, tables, menus, dialogs and more.
Area, bar, line, pie, radar and radial charts on TanStack Charts, on every framework. React also gets the Recharts originals.
Debounce, local storage, media queries and more: each hook is one typed file you own.
From 222 libraries, Lucide, Heroicons, Tabler and Material Symbols among them, as SVG or a React component in one command.
Stripe, Linear, Apple and 497 more: a brand's colors, typography and components in one file your AI agent builds from.
Restyle every component and block at once: 8 styles, 8 grays, 18 colors and 5 radii, shared as a shadcn preset code.
Priority requests are answered first.

Individual

For personal projects & open source

$32instead of $49/mo

$389 billed yearly

Seats: 1 seat
Commercial use: Personal & open source only
Blocks: All 6,181 blocks
Templates: All 14 templates
MCP server: 38 AI clients
Animated buttons: All 35 buttons
Text effects: All 97 effects
Backgrounds: All 100 backgrounds
Shaders: All 100 shaders
Frameworks: React, Vue, Svelte, Solid
UI libraries: Base UI, Radix, Aria, Ark
Components: All 174 components
Examples: All 1,103 examples
Charts: All 70 charts
React hooks: All 35 hooks
Icons: 294k+ icons
DESIGN.md files: All 500 brands
Theme builder: 8 styles × 18 colors
Support: Standard

Team

Organization

For companies with larger teams

$132instead of $199/mo

$1,589 billed yearly

Seats: Unlimited seats
Commercial use: Included
Blocks: All 6,181 blocks
Templates: All 14 templates
MCP server: 38 AI clients
Animated buttons: All 35 buttons
Text effects: All 97 effects
Backgrounds: All 100 backgrounds
Shaders: All 100 shaders
Frameworks: React, Vue, Svelte, Solid
UI libraries: Base UI, Radix, Aria, Ark
Components: All 174 components
Examples: All 1,103 examples
Charts: All 70 charts
React hooks: All 35 hooks
Icons: 294k+ icons
DESIGN.md files: All 500 brands
Theme builder: 8 styles × 18 colors
Support: Priority