Airbnb · Design system breakdown
Travel-and-stay design language built around photography and trust.
Airbnb codified its Design Language System (DLS) around 2016 — one of the earliest large-product design systems with a public voice. It has evolved through the 2022 product redesign and the introduction of Categories, while keeping the same core philosophy: photography is the hero, copy is restrained, and the system stays out of the way of the listing.
Central design org owns DLS; Airbnb's design team publishes guidance, talks, and case studies at airbnb.design. The component implementations are internal. The system's evolution is documented through public posts and engineering talks rather than RFCs.
| Token | Value | Role |
|---|---|---|
| color-rausch | #ff5a5f | Airbnb red, brand and CTA |
| color-text-primary | #222222 | Default body text |
| color-text-secondary | #717171 | Metadata, ratings count |
| color-bg-page | #ffffff | Page surface |
| font-family-product | Cereal, Helvetica, sans-serif | Airbnb's product typeface |
| radius-card | 12px | Listing card radius |
Token names and values are illustrative — refer to the system's official tokens reference for the canonical, current set.
If you're evaluating this system
Study Airbnb DLS if you're building travel, hospitality, marketplace, or any product where user-supplied media is the centerpiece. Don't apply it to data-heavy or copy-led products; its restraint becomes emptiness without the photos.
Compare more systems