Airbnb
En tyst vit tavelvägg med ett enda korallrött bokmärke
Airbnb arbetar i en "vit duk"-stil, där fotografi regerar: nästan varje skärm är en tyst monokrom ram, vilket gör att helskärmsbilder av fastigheter förmedlar helhetsintrycket, med en enda, rik korallröd accent (Rausch) som enda färgsignal som betecknar handling. Typsnittet är ett geometriskt sans-serif (Airbnb Cereal VF) – mestadels små, säkra storlekar – för brödtext, gränssnitt och avsnittsrubriker (22-22) – med snävt negativt radavstånd och generöst radavstånd, vilket gör kort med tät text läsbara. Gränssnittet är platt, ramlöst och runt: 12-3 radier på kort och kontroller, runda pillerformade knappar och mjuka, lager-skuggor endast för framträdande element som sökfältet. Allt annat – kort, listobjekt, länkar – förlitar sig på vitt utrymme och fina linjer snarare än kromade accenter.
En layout i full bredd utan fast maxbreddgräns – innehållet sträcks ut från kant till kant inom det synliga området, med cirka 40 pixlar horisontell utfyllnad på varje sida på skrivbordet. Hjälten är en flytande sökkapsel, centrerad på en neutral vit arbetsyta utan bild eller titel – sökfältet ÄR hjälten. Under sökningen övergår sidan i vertikalt staplade, horisontellt rullande sektioner (fyra rader är synliga: Utvalda hus, Bra hotell, Annan stad, Tillgänglig nästa månad), var och en cirka 320 pixlar hög, separerade av 48 pixlar vertikala rännor. Varje sektion använder ett 7-korts rutnät med horisontellt överflöde och pilnavigering. Sidfoten är ett 3-kolumns rutnät med länkar på en #f7f7f7-bakgrund, följt av en nedre stapel med upphovsrättsinformation, språk-/valutaalternativ och ikoner för sociala medier. Navigeringen är en fast övre stapel med centrerad fliknavigering och högerjusterade kontroller.
Fotografi dominerar det visuella systemet, med helskärmsbilder av fastighetsannonser som den primära innehållstypen. Alla foton är varma, välbelysta interiör- och exteriörbilder av riktiga hem och hotell, bearbetade med naturlig färgkorrigering (utan kraftiga filter eller duotoner). Bilderna är tätt beskurna med ett bildförhållande på 1:1 för annonskort och fyller ut kortets kanter utan utfall. Ikoner i hela gränssnittet har en monokrom kontur (linjetjocklek ~16–16), som används sparsamt för navigeringskategorier och UI-kontroller. Logotypen är det enda flerfärgade grafiska elementet (Rausch). Inga illustrationer, inga 3D-renderingar, ingen abstrakt grafik – det visuella språket är ren fotografi och minimalistisk monokrom ikonografi på en mjuk vit duk.
Palett
Stämpla
- Rausch
#ff385c— Rött används som en dekorativ accent för ikoner, skyltar och små grafiska detaljer. Det bör inte användas som primärfärg för uppmaningar till handling. - Rausch 600
#e00b41— En pressad och mörk version av Rausch-färg för ytor som används som varumärkesaccenter på svävande/aktiva ytor.
Neutral
- Hof
#222222— Brödtexten, huvudtexten, rubrikerna, ikonkonturerna och den inverterade bakgrunden har en neutral färg nära svart, vilket fungerar som grund för hela det akromatiska systemet. - Foggy
#6a6a6a— Sekundärtext, dämpade bildtexter, hjälptext, inaktiverad ikonfyllning och diskret metadata under korttitlar. - Grey 500
#c1c1c1— Inaktiverad text, platsmarkörtext i inmatningsfält och avstängda ikonkonturer där status behöver minskas. - Bebe
#ebebeb— Tunna ramar, understrykningar i inmatningsfält, avgränsare mellan listrader och subtila skiljelinjer. - Deco
#dddddd— Kortbakgrundsbilder för inaktiva behållare, platshållare och inaktiverade kortstatus. - Faint
#f7f7f7— Bakgrundsbilden på sidduken, sidfotens yta och hovringsläget för interaktiva element har en mjuk, krämig nyans som skiljer den här sidan från de rent vita korten.
Typografi
från 11 till 28px · 5 steg
- Airbnb Cereal VF — ersättning: Circular · konturer 400, 500, 600, 700 · Ett anpassat geometriskt sans-serif-typsnitt designat för Airbnb. Brödtexten är placerad på 14px/400, användargränssnittsetiketter på 16px/500, avsnittsrubriker på 20px/600, 22px/500 med ett snävt bokstavsavstånd på -0,02em och sidrubriker på 28px/700. Negativt bokstavsavstånd minskar med ökande storlek, ett kännetecken för geometriska sans-serif-typsnitt på större skärmstorlekar. Aktiverar funktionen för alternativa tecken "salt".
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 12px |
| Knappradie | 9999px |
| Kortradie | 12px |
| Skuggor | mjuka skuggor |
| Mellan sektioner | 48px |
| Sidbredd | 1440px |
AI kommer att bygga din webbplats i Airbnb -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Apple (España) — vit gallerimonter
- Silencio — Ett vitt rum med svävande artefakter. En galleriutställning gjord av varmt papper, där varje element intar sin plats mot en bakgrund av negativ volym, och tystnaden är ett avsiktligt designbeslut.
- Oakâme — En soldränkt provensalsk verkstad snidad ur varm sten
- Nike — Ett monokromt galleri av sportprestationer – vita väggar, produkten som ett konstverk, krom upplöst i bakgrunden
- Arc — industriellt vitt galleri över midnattsvatten
- Rivian — En elektrisk monolit på galleriets betongvägg. Rivian presenterar varje fordon som en skulptur mot ett stort vitt utrymme, med en typografi så stor att den blir ett arkitektoniskt element, och en enda varm gul färg som bryter den monokromatiska atmosfären, likt solljus på en matt yta.
- Analogue — Svart gallerimontre – varor svävar i tomrummet
- ddna — varm museimonter på obehandlat linne
- Zellerfeld — En skulptörs verkstad i vit marmor – piedestalens monolitiska ytor, en enda gnista av kobolt, en viskning av små bokstäver från golv till tak
- UY Studio — Klostrets stengalleri är ett lugnt utrymme med betongväggar, där parfymflaskor står på vita socklar, upplysta av en 400-watts lampa och fyra varmt grå glödlampor.
- Basic.Space — kuratorgalleri på vit marmor
- COS — ett trendigt galleri med vita väggar