mdshop
Back to designs
A

Design System inspired by Airbnb

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Usage
npx getdesign@latest add airbnb

Run this command from your project root, then ask your AI assistant to use DESIGN.md for UI work.

Installs
7
Bookmarked
0
Not an official Airbnb design system. A curated starting point for building Airbnb-like UIs with your AI coding agent.

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Preview
airbnb.design.md
Brand System Catalog

DESIGN SYSTEM INSPIRATION OF AIRBNB

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Explore the systemView tokens

Color Palette

Travel marketplace. Warm coral accent, photography-driven, rounded UI.

Primary
Rausch
#ff5a5f
Brand color
Babu
#00a699
Brand color
Arches
#fc642d
Brand color
Hof
#484848
Brand color
Foggy
#767676
Brand color
Beach
#ffeeee
Brand color
White
#ffffff
Brand color
Kazan
#ffeeee
Brand color

Typography

A type system inspired by Airbnb.

Cereal
Cereal, Cereal
Circular
Circular, Cereal
DISPLAY / 64px / 700 / 1.1
EVERYONE
H1 / 48px / 700 / 1.2
A disciplined editorial voice
H2 / 32px / 600 / 1.3
Section heading
BODY / 16px / 400 / 1.6
Body copy reads at the size and rhythm extracted from the source spec. Lorem ipsum dolor sit amet.
SMALL / 14px / 400 / 1.5
Small
CODE / 14px / 400 / 1.6
Code

Buttons

Buttons, cards, and inputs follow the brand's visual language with consistent use of the primary color palette and border-radius conventions.

Not detected on this URL

Cards

Card patterns inspired by Airbnb.

Not detected on this URL

Components

Other component primitives mapped from the Airbnb spec.

Not detected on this URL