Airbnb
Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
Airbnb hanteert een "wit canvas"-stijl, waarbij fotografie de boventoon voert: vrijwel elk scherm is een rustig monochroom kader, waardoor afbeeldingen van accommodaties op volledig scherm de algehele indruk overbrengen, met een enkele, rijke koraalrode accentkleur (Rausch) als enige kleuraanduiding voor actie. Het lettertype is een geometrische schreefloze letter (Airbnb Cereal VF) – meestal kleine, zelfverzekerde lettergroottes – voor de hoofdtekst, de interface en sectiekoppen (22-22) – met een strakke negatieve regelafstand en ruime regelafstand, waardoor kaarten met veel tekst goed leesbaar zijn. De interface is plat, zonder kaders en afgerond: radii van 12-3 op kaarten en bedieningselementen, ronde pilvormige knoppen en zachte, gelaagde schaduwen alleen voor prominente elementen zoals de zoekbalk. Al het andere – kaarten, lijstitems, links – vertrouwt op witruimte en fijne lijnen in plaats van chromen accenten.
Een lay-out over de volledige breedte zonder vaste maximale breedtebeperking – de inhoud strekt zich uit van rand tot rand binnen het zichtbare gebied, met ongeveer 40px horizontale opvulling aan elke kant op desktop. De hero is een zwevende zoekbalk, gecentreerd op een neutraal wit canvas zonder afbeelding of titel – de zoekbalk IS de hero. Onder de zoekbalk gaat de pagina over in verticaal gestapelde, horizontaal scrollende secties (vier rijen zijn zichtbaar: Uitgelichte Huizen, Geweldige Hotels, Andere Stad, Beschikbaar Volgende Maand), elk ongeveer 320px hoog, gescheiden door 48px verticale tussenruimte. Elke sectie gebruikt een raster van 7 kaarten met horizontale overloop en pijlnavigatie. De footer is een raster van 3 kolommen met links op een #f7f7f7-achtergrond, gevolgd door een onderste balk met copyrightinformatie, taal-/valuta-opties en sociale media-pictogrammen. De navigatie bestaat uit een vaste bovenste balk met gecentreerde tabnavigatie en rechts uitgelijnde bedieningselementen.
Fotografie domineert het visuele systeem, met schermvullende afbeeldingen van vastgoedadvertenties als primair contenttype. Alle foto's zijn warme, goed belichte binnen- en buitenopnamen van echte huizen en hotels, bewerkt met natuurlijke kleurcorrectie (zonder zware filters of duotonen). De afbeeldingen zijn strak bijgesneden met een 1:1 beeldverhouding voor de advertentiekaarten, waardoor ze de rand van de kaart vullen zonder afloop. Pictogrammen in de hele interface hebben een monochrome omlijning (lijndikte ~16–16), die spaarzaam wordt gebruikt voor navigatiecategorieën en UI-elementen. Het logo is het enige meerkleurige grafische element (Rausch). Geen illustraties, geen 3D-renders, geen abstracte afbeeldingen – de visuele taal is pure fotografie en minimalistische monochrome iconografie op een zacht wit canvas.
Palet
Merk
- Rausch
#ff385c— Rood wordt gebruikt als decoratief accent voor iconen, symbolen en kleine grafische details. Het mag niet als primaire kleur worden gebruikt voor call-to-action-knoppen. - Rausch 600
#e00b41— Een geperste en donkere variant van Rausch-verf voor oppervlakken die als merkaccenten worden gebruikt op hover-/actieve oppervlakken.
Neutrale
- Hof
#222222— De hoofdtekst, kopteksten, pictogramcontouren en de omgekeerde achtergrond hebben een neutrale kleur die dicht bij zwart ligt en die als basis dient voor het gehele achromatische systeem. - Foggy
#6a6a6a— Secundaire tekst, gedempte bijschriften, aanvullende tekst, uitgeschakelde pictogramvulling en discrete metadata onder de kaarttitels. - Grey 500
#c1c1c1— Uitgeschakelde tekst, placeholdertekst in invoervelden en gedempte pictogramcontouren waar de status minder benadrukt moet worden. - Bebe
#ebebeb— Dunne randen, onderstrepingen bij invoervelden, scheidingstekens tussen lijstregels en subtiele scheidingslijnen. - Deco
#dddddd— Achtergrondafbeeldingen voor kaarten in inactieve containers, placeholders en uitgeschakelde kaartstatussen. - Faint
#f7f7f7— De achtergrondafbeelding van het paginacanvas, de voettekst en de hover-effecten voor interactieve elementen hebben een zachte, crèmekleurige tint die deze pagina onderscheidt van de spierwitte kaarten.
Typografie
van 11 tot 28px · 5 stappen
- Airbnb Cereal VF — vervanging: Circular · overzichten 400, 500, 600, 700 · Een op maat gemaakt geometrisch schreefloos lettertype, ontworpen voor Airbnb. De hoofdtekst heeft een lettergrootte van 14px/400, UI-labels 16px/500, sectiekoppen 20px/600, 22px/500 met een krappe letterafstand van -0,02em, en paginakoppen 28px/700. De negatieve letterafstand neemt af naarmate de lettergrootte toeneemt, een kenmerk van geometrische schreefloze lettertypen op grotere schermformaten. De alternatieve glyph "salt" is ingeschakeld.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 12px |
| Knopradius | 9999px |
| Kaartradius | 12px |
| Schaduwen | zachte schaduwen |
| Tussen secties | 48px |
| Paginabreedte | 1440px |
AI bouwt je website in de stijl Airbnb en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Apple (España) — witte vitrinekast
- Silencio — Een witte ruimte met zwevende objecten. Een galerie-achtige opstelling van warm papier, waarbij elk element zijn eigen plek inneemt tegen een achtergrond van negatief volume, en de stilte een bewuste ontwerpkeuze is.
- Oakâme — Een zonovergoten Provençaalse werkplaats, gehouwen uit warme steen.
- Nike — Een monochrome galerij van sportprestaties – witte muren, het product als kunstwerk, chroom dat opgaat in de achtergrond.
- Arc — industriële witte galerij boven middernachtelijk water
- Rivian — Een elektrische monoliet op de betonnen muur van de galerie. Rivian presenteert elk voertuig als een sculptuur tegen een immense witte achtergrond, met typografie zo groot dat het een architectonisch element wordt, en een enkele warme gele kleur die de monochrome sfeer doorbreekt, als zonlicht op een mat oppervlak.
- Analogue — Zwarte vitrinekast – goederen zweven in de leegte.
- ddna — warme museumvitrine op onbehandeld linnen
- Zellerfeld — Een beeldhouwersatelier op wit marmer – de monolithische oppervlakken van het voetstuk, een enkele vonk kobaltblauw, een gefluister van kleine letters van vloer tot plafond.
- UY Studio — De stenen galerij van het klooster is een rustige ruimte met betonnen muren, waar parfumflesjes op witte sokkels staan, verlicht door één lamp van 400 watt en vier warmgrijze lampen.
- Basic.Space — curatoriële galerij op wit marmer
- COS — een trendy galerie met witte muren