Airbnb
Tichá bílá galerijní stěna s jedinou korálově červenou záložkou
Airbnb funguje ve stylu „bílého plátna“, kde kraluje fotografie: téměř každá obrazovka je tichý monochromatický rámeček, který umožňuje celoobrazovkovým obrázkům nemovitostí vyjádřit celkový dojem, s jediným, sytým korálově červeným akcentem (Rausch) jako jediným barevným podnětem označujícím akci. Písmo je geometrické bezpatkové (Airbnb Cereal VF) – většinou malé, jisté velikosti – pro text, rozhraní a nadpisy sekcí (22-22) – s úzkým negativním řádkováním a velkorysým řádkováním, díky čemuž jsou karty s hustým textem čitelné. Rozhraní je ploché, bezrámové a zaoblené: poloměry 12-3 u karet a ovládacích prvků, kulatá tlačítka ve tvaru pilulek a měkké, vrstvené stíny pouze u výrazných prvků, jako je vyhledávací lišta. Všechno ostatní – karty, položky seznamu, odkazy – se spoléhá spíše na bílý prostor a jemné linky než na chromované akcenty.
Rozvržení na celou šířku bez pevného limitu maximální šířky – obsah se v rámci viditelné oblasti roztahuje od okraje k okraji, s přibližně 40 pixely horizontálního odsazení na každé straně na počítači. Hlavním objektem je plovoucí vyhledávací kapsle, umístěná uprostřed na neutrálním bílém plátně bez obrázku nebo názvu – vyhledávací lišta JE hlavní objekt. Pod vyhledáváním stránka přechází do svisle naskládaných, horizontálně posouvacích sekcí (viditelné jsou čtyři řádky: Doporučené domy, Skvělé hotely, Jiné město, K dispozici příští měsíc), každá o výšce přibližně 320 pixelů, oddělená 48pixelovými vertikálními mezerami. Každá sekce používá mřížku se 7 kartami s horizontálním přetečením a navigací pomocí šipek. Zápatí je mřížka se 3 sloupci odkazů na pozadí #f7f7f7, po níž následuje spodní lišta s informacemi o autorských právech, možnostmi jazyka/měny a ikonami sociálních médií. Navigace je fixní horní lišta s navigací pomocí záložek na střed a ovládacími prvky zarovnanými vpravo.
Vizuálnímu systému dominuje fotografie, přičemž primárním typem obsahu slouží celoobrazovkové snímky realitních kanceláří. Všechny fotografie jsou teplé, dobře osvětlené interiérové a exteriérové záběry skutečných domů a hotelů, zpracované s přirozenou barevnou korekcí (bez těžkých filtrů nebo duotonů). Snímky jsou pro karty nemovitostí oříznuté s poměrem stran 1:1 a vyplňují okraj karty bez ořezů. Ikony v celém rozhraní mají monochromatický obrys (tloušťka čáry ~16–16), který se používá střídmě pro navigační kategorie a ovládací prvky uživatelského rozhraní. Logo je jediným vícebarevným grafickým prvkem (Rausch). Žádné ilustrace, žádné 3D rendery, žádná abstraktní grafika – vizuální jazyk je čistá fotografie a minimalistická monochromatická ikonografie na měkkém bílém plátně.
Paleta
Značka
- Rausch
#ff385c— Červená se používá jako dekorativní akcent pro ikony, nápisy a malé grafické detaily. Neměla by se používat jako primární barva pro výzvy k akci. - Rausch 600
#e00b41— Lisovaná a tmavá verze barvy Rausch pro povrchy používané jako akcenty značky na vznášejících se/aktivních plochách.
Neutrální
- Hof
#222222— Hlavní text, nadpisy, obrysy ikon a invertované pozadí jsou v neutrální barvě blízké černé, která slouží jako základ celého achromatického systému. - Foggy
#6a6a6a— Sekundární text, ztlumené titulky, pomocný text, deaktivovaná výplň ikon a diskrétní metadata pod názvy karet. - Grey 500
#c1c1c1— Zakázaný text, zástupný text ve vstupních polích a ztlumené obrysy ikon tam, kde je potřeba zmírnit důraz na stav. - Bebe
#ebebeb— Tenké okraje, podtržená vstupní pole, oddělovače mezi řádky seznamu a jemné dělicí čáry. - Deco
#dddddd— Obrázky pozadí karet pro neaktivní kontejnery, zástupné symboly a deaktivované stavy karet. - Faint
#f7f7f7— Obrázek pozadí plátna stránky, povrch zápatí a stav myší pro interaktivní prvky mají jemný, krémový odstín, který tuto stránku odlišuje od čistě bílých karet.
Typografie
od 11 do 28 pixelů · 5 kroků
- Airbnb Cereal VF — nahrazení: Circular · obrysy 400, 500, 600, 700 · Vlastní geometrické bezpatkové písmo určené pro Airbnb. Text je umístěn na 14px/400, popisky uživatelského rozhraní na 16px/500, nadpisy sekcí na 20px/600, 22px/500 s malým roztečem písmen -0,02em a nadpisy stránek na 28px/700. Záporné rozteče písmen se s rostoucí velikostí zmenšují, což je charakteristické pro geometrická bezpatková písma na větších velikostech obrazovky. Umožňuje funkci alternativního glyfu „salt“.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 12px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 12px |
| Stíny | měkké stíny |
| Mezi sekcemi | 48px |
| Šířka stránky | 1440px |
Umělá inteligence vám vytvoří web ve stylu Airbnb a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Apple (España) — bílá galerijní vitrína
- Silencio — Bílá místnost s vznášejícími se artefakty. Galerijní expozice z teplého papíru, kde každý prvek zaujímá své místo na pozadí negativního objemu a ticho je záměrným designovým rozhodnutím.
- Oakâme — Sluncem zalitá provensálská dílna vytesaná z teplého kamene
- Nike — Monochromatická galerie sportovních úspěchů – bílé stěny, produkt jako umělecké dílo, chrom rozpuštěný v pozadí
- Arc — Průmyslová bílá galerie nad půlnoční vodou
- Rivian — Elektrický monolit na betonové zdi galerie. Rivian prezentuje každé vozidlo jako sochu na pozadí rozlehlého bílého prostoru s typografií tak velkou, že se stává architektonickým prvkem, a jedinou teplou žlutou barvou, která prolamuje monochromatickou atmosféru, jako sluneční světlo na matném povrchu.
- Analogue — Černá galerijní vitrína – zboží se vznáší v prázdnotě
- ddna — teplá muzejní vitrína na neošetřeném lněném plátně
- Zellerfeld — Sochařská dílna na bílém mramoru – monolitické povrchy podstavce, jediná jiskra kobaltu, šepot malých písmen od podlahy ke stropu
- UY Studio — Kamenná galerie kláštera je tichý prostor s betonovými zdmi, kde na bílých podstavcích stojí flakony s parfémy, osvětlené jednou 400wattovou lampou a čtyřmi teple šedými žárovkami.
- Basic.Space — kurátorská galerie na bílém mramoru
- COS — moderní galerie s bílými zdmi