Airbnb · 9 fonts, one flow. Why?

I wanted to know what a design system looks like at Airbnb’s scale, up close. So I cloned the iOS app screen by screen in a 40-hour sprint. Up close it is messier than the polish suggests. Most systems that have shipped fast for a decade probably are.

What the clone revealed

The audit

Cloning the current app was a nightmare, in the useful sense. Over 9 font styles in a single flow. Corner radii that vary at random. Back arrows and cancel buttons that change style and position between screens, so users keep re-orienting themselves. That visual drift costs attention and weakens the sense of control.

Heuristic evaluation board of the full original Airbnb iOS journey, annotated with the inconsistencies found — The full journey, cloned and annotated. Every flag is an inconsistency.

Detail of the audit board at reading size: three corner-radius variants flagged on adjacent screens, small, larger and barely round, with the proposed standardisation notes — One column at reading size: three corner radii on adjacent screens, and the note that became the fix.

9+font weight and size combinations in one journey

12+corner radius variants across cards and buttons

Shiftingback and cancel controls between screens

Inconsistency at this scale isn’t sloppiness. It’s what a decade of shipping fast looks like up close.

Groundwork

From atoms to pages

With the problems documented, I tested whether strict atomic design could resolve them. A modular system from scratch: a strict icon grid, uniform 8px corner radii, a standardised palette. Every screen shares the same foundation. The redesign is a concept, not a shipped product; one possible answer to what the audit surfaced.

Atomic design board organising the new system from atoms like icons and colours up to full pages — Atoms to pages: the concept system in one board.

01 · Typography

Legible typography

Lexend as the primary typeface. Rounded forms, generous spacing, better readability for a broader range of travellers.

Type specimen of Lexend against the old mixed styles, showing its rounded forms — Lexend against the old mix: one voice instead of nine.

02 · Consistency

Unified components

One icon grid, one button system. Every interactive element shares the same stroke weight and corner radius, so nothing has to be relearned between screens.

One grid, one radius, one stroke weight.

03 · Experience

Calmer discovery

The stays and experiences discovery flow with a decluttered layout — The concept in place: calmer discovery, consistent chrome.

The redesigned Airbnb app on an iPhone, showing the unified visual language — The concept in place: calmer discovery, consistent chrome.

Honestly, though

What this exercise showed

This was an exercise, and Airbnb ships under constraints a 40-hour clone never meets: legacy, experiments, teams moving in parallel. That is exactly what made it worth studying. The rebuild showed full standardisation is possible: icons, buttons, radii and type under one system, controls that stay put, a modular structure that could expand quickly. What I took with me: consistency isn’t a coat of polish applied at the end. It’s a structure you commit to at the start, or pay to retrofit later.