Airbnb
A quiet white gallery wall with a single coral red bookmark
Airbnb operates in a "white canvas" style, where photography reigns supreme: nearly every screen is a quiet monochrome frame, allowing full-screen images of properties to convey the overall impression, with a single, rich coral-red accent (Rausch) as the sole color cue denoting action. The typeface is a geometric sans-serif (Airbnb Cereal VF)—mostly small, confident sizes—for body text, the interface, and section headings (22-22)—with tight negative line spacing and generous line spacing, making cards with dense text readable. The interface is flat, frameless, and rounded: 12-3 radii on cards and controls, round pill-shaped buttons, and soft, layered shadows only for prominent elements like the search bar. Everything else—cards, list items, links—relies on white space and fine lines rather than chrome accents.
A full-width layout with no fixed max-width limit—content stretches edge-to-edge within the viewable area, with approximately 40px of horizontal padding on each side on desktop. The hero is a floating search capsule, centered on a neutral white canvas with no image or title—the search bar IS the hero. Below the search, the page transitions into vertically stacked, horizontally scrolling sections (four rows are visible: Featured Homes, Great Hotels, Other City, Available Next Month), each approximately 320px tall, separated by 48px vertical gutters. Each section uses a 7-card grid with horizontal overflow and arrow navigation. The footer is a 3-column grid of links on a #f7f7f7 background, followed by a bottom bar with copyright information, language/currency options, and social media icons. The navigation is a fixed top bar with centered tab navigation and right-aligned controls.
Photography dominates the visual system, with full-screen images of real estate listings serving as the primary content type. All photos are warm, well-lit interior and exterior shots of real homes and hotels, processed with natural color correction (without heavy filters or duotones). Images are tightly cropped with a 1:1 aspect ratio for listing cards, filling the edge of the card without bleeds. Icons throughout the interface have a monochrome outline (line weight ~16–16), used sparingly for navigation categories and UI controls. The logo is the only multicolor graphic element (Rausch). No illustrations, no 3D renders, no abstract graphics—the visual language is pure photography and minimalist monochrome iconography on a soft white canvas.
Palette
Brand
- Rausch
#ff385c— Red is used as a decorative accent for icons, signs, and small graphic details. It should not be used as the primary color for calls to action. - Rausch 600
#e00b41— A pressed and dark version of Rausch paint for surfaces used as brand accents on hover/active surfaces.
Neutral
- Hof
#222222— The body copy, main text, headings, icon outlines, and inverted background are a neutral color close to black, which serves as the basis for the entire achromatic system. - Foggy
#6a6a6a— Secondary text, muted captions, auxiliary text, disabled icon fill, and discreet metadata below card titles. - Grey 500
#c1c1c1— Disabled text, placeholder text in input fields, and muted icon outlines where de-emphasis on status is needed. - Bebe
#ebebeb— Thin borders, underlined input fields, separators between list lines, and subtle dividing lines. - Deco
#dddddd— Card background images for inactive containers, placeholders, and disabled card states. - Faint
#f7f7f7— The page canvas background image, footer surface, and hover state for interactive elements are a soft, creamy shade that sets this page apart from the pure white cards.
Typography
from 11 to 28px · 5 steps
- Airbnb Cereal VF — replacement: Circular · outlines 400, 500, 600, 700 · A custom geometric sans-serif font designed for Airbnb. Body text is positioned at 14px/400, UI labels at 16px/500, section headings at 20px/600, 22px/500 with tight letter spacing of -0.02em, and page headings at 28px/700. Negative letter spacing decreases with increasing size, a characteristic of geometric sans-serif fonts at larger screen sizes. Enables the "salt" alternate glyph feature.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | dense |
| Basic step | 12px |
| Button radius | 9999px |
| Card radius | 12px |
| Shadows | soft shadows |
| Between sections | 48px |
| Page width | 1440px |
AI will build your website in Airbnb style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- Apple (España) — white gallery display case
- Silencio — A white room with floating artifacts. A gallery display made of warm paper, where each element occupies its place against a background of negative volume, and the silence is an intentional design decision.
- Oakâme — A sun-drenched Provençal workshop carved from warm stone
- Nike — A monochrome gallery of sporting achievements – white walls, the product as a work of art, chrome dissolved into the background
- Arc — industrial white gallery over midnight water
- Rivian — An electric monolith on the gallery's concrete wall. Rivian presents each vehicle as a sculpture against a vast white space, with typography so large it becomes an architectural element, and a single warm yellow that breaks the monochromatic atmosphere, like sunlight on a matte surface.
- Analogue — Black gallery display case – goods hover in the void
- ddna — warm museum display case on untreated linen
- Zellerfeld — A sculptor's workshop on white marble—the monolithic surfaces of the pedestal, a single spark of cobalt, a whisper of lowercase letters from floor to ceiling
- UY Studio — The monastery's stone gallery is a quiet space with concrete walls, where perfume bottles stand on white plinths, illuminated by one 400-watt lamp and four warm gray bulbs.
- Basic.Space — curatorial gallery on white marble
- COS — a trendy gallery with white walls