Airbnb
Tichá biela galerijná stena s jedinou koralovo červenou záložkou
Airbnb funguje v štýle „bieleho plátna“, kde kraľuje fotografia: takmer každá obrazovka je tichý monochromatický rám, ktorý umožňuje celoobrazovkovým obrázkom nehnuteľností vyjadriť celkový dojem, s jediným, sýtym koralovočerveným akcentom (Rausch) ako jediným farebným signálom označujúcim akciu. Písmo je geometrické bezpätkové (Airbnb Cereal VF) – väčšinou malé, sebavedomé veľkosti – pre text tela, rozhranie a nadpisy sekcií (22-22) – s tesným negatívnym riadkovaním a veľkorysým riadkovaním, vďaka čomu sú karty s hustým textom čitateľné. Rozhranie je ploché, bezrámové a zaoblené: polomery 12-3 na kartách a ovládacích prvkoch, okrúhle tlačidlá v tvare tabletky a mäkké, vrstvené tiene iba pre výrazné prvky, ako je vyhľadávací panel. Všetko ostatné – karty, položky zoznamu, odkazy – sa spolieha na biely priestor a jemné čiary, a nie na chrómové akcenty.
Rozloženie na celú šírku bez pevne stanoveného limitu maximálnej šírky – obsah sa rozprestiera od okraja k okraju v rámci viditeľnej oblasti s približne 40 px horizontálneho odsadenia na každej strane na počítači. Hlavný panel je plávajúca vyhľadávacia kapsula, umiestnená v strede na neutrálnom bielom plátne bez obrázka alebo názvu – vyhľadávací panel JE hlavný panel. Pod vyhľadávaním stránka prechádza do vertikálne naskladaných, horizontálne posúvajúcich sa sekcií (viditeľné sú štyri riadky: Odporúčané domy, Skvelé hotely, Iné mesto, Dostupné budúci mesiac), pričom každá má výšku približne 320 px a je oddelená 48 px vertikálnymi odkvapmi. Každá sekcia používa mriežku so 7 kartami s horizontálnym pretečením a navigáciou so šípkami. Päta je mriežka s 3 stĺpcami odkazov na pozadí #f7f7f7, za ktorou nasleduje spodný panel s informáciami o autorských právach, možnosťami jazyka/meny a ikonami sociálnych médií. Navigácia je fixný horný panel s centrovanou navigáciou pomocou kariet a ovládacími prvkami zarovnanými vpravo.
Fotografia dominuje vizuálnemu systému, pričom hlavným typom obsahu slúžia celoobrazovkové obrázky realitných kancelárií. Všetky fotografie sú teplé, dobre osvetlené interiérové a exteriérové zábery skutočných domov a hotelov, spracované s prirodzenou korekciou farieb (bez ťažkých filtrov alebo duotónov). Obrázky sú pre karty nehnuteľností orezané s pomerom strán 1:1, pričom vypĺňajú okraj karty bez opadávania. Ikony v celom rozhraní majú monochromatický obrys (hrúbka čiary ~16–16), ktorý sa používa striedmo pre navigačné kategórie a ovládacie prvky používateľského rozhrania. Logo je jediným viacfarebným grafickým prvkom (Rausch). Žiadne ilustrácie, žiadne 3D rendery, žiadna abstraktná grafika – vizuálnym jazykom je čistá fotografia a minimalistická monochromatická ikonografia na mäkkom bielom plátne.
Paleta
Značka
- Rausch
#ff385c— Červená sa používa ako dekoratívny akcent pre ikony, značky a malé grafické detaily. Nemala by sa používať ako primárna farba pre výzvy na akciu. - Rausch 600
#e00b41— Lisovaná a tmavá verzia farby Rausch na povrchy používané ako akcenty značky na vznášajúcich sa/aktívnych povrchoch.
Neutrálny
- Hof
#222222— Hlavný text, nadpisy, obrysy ikon a invertované pozadie sú neutrálnej farby blízkej čiernej, ktorá slúži ako základ celého achromatického systému. - Foggy
#6a6a6a— Sekundárny text, stlmené titulky, pomocný text, vypnutá výplň ikon a diskrétne metadáta pod názvami kariet. - Grey 500
#c1c1c1— Zakázaný text, zástupný text vo vstupných poliach a stlmené obrysy ikon tam, kde je potrebné zmierniť dôraz na stav. - Bebe
#ebebeb— Tenké orámovanie, podčiarknutia vstupných polí, oddeľovače medzi riadkami zoznamu a jemné deliace čiary. - Deco
#dddddd— Obrázky pozadia kariet pre neaktívne kontajnery, zástupné symboly a deaktivované stavy kariet. - Faint
#f7f7f7— Obrázok pozadia plátna stránky, povrch päty a stav vznášania sa nad interaktívnymi prvkami majú jemný, krémový odtieň, ktorý odlišuje túto stránku od čisto bielych kariet.
Typografia
od 11 do 28px · 5 krokov
- Airbnb Cereal VF — náhrada: Circular · obrysy 400, 500, 600, 700 · Vlastné geometrické bezpätkové písmo navrhnuté pre Airbnb. Text je umiestnený na 14px/400, popisky používateľského rozhrania na 16px/500, nadpisy sekcií na 20px/600, 22px/500 s malým rozstupom písmen -0,02 em a nadpisy stránok na 28px/700. Záporný rozstup písmen sa znižuje so zvyšujúcou sa veľkosťou, čo je charakteristické pre geometrické bezpätkové písma pri väčších veľkostiach obrazovky. Povoľuje funkciu alternatívneho glyfu „salt“.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 12px |
| Polomer tlačidla | 9999px |
| Polomer karty | 12px |
| Tiene | mäkké tiene |
| Medzi sekciami | 48px |
| Šírka stránky | 1440px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Airbnb a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Apple (España) — biela vitrína na galériu
- Silencio — Biela miestnosť s vznášajúcimi sa artefaktmi. Galériová expozícia vyrobená z teplého papiera, kde každý prvok zaujme svoje miesto na pozadí negatívneho objemu a ticho je zámerným dizajnérskym rozhodnutím.
- Oakâme — Slnkom zaliata provensálska dielňa vytesaná z teplého kameňa
- Nike — Monochromatická galéria športových úspechov – biele steny, produkt ako umelecké dielo, chróm rozpustený v pozadí
- Arc — priemyselná biela galéria nad polnočnou vodou
- Rivian — Elektrický monolit na betónovej stene galérie. Rivian prezentuje každé vozidlo ako sochu na pozadí rozľahlého bieleho priestoru s typografiou takou veľkou, že sa stáva architektonickým prvkom, a jedinou teplou žltou farbou, ktorá prelamuje monochromatickú atmosféru, ako slnečné svetlo na matnom povrchu.
- Analogue — Čierna galerijná vitrína – tovar sa vznáša v prázdnote
- ddna — teplá múzejná vitrína na neošetrenom ľane
- Zellerfeld — Sochárska dielňa na bielom mramore – monolitické povrchy podstavca, jediná iskra kobaltu, šepot malých písmen od podlahy až po strop
- UY Studio — Kamenná galéria kláštora je tichý priestor s betónovými stenami, kde na bielych podstavcoch stoja fľaštičky s parfumami, osvetlené jednou 400-wattovou lampou a štyrmi teplými sivými žiarovkami.
- Basic.Space — kurátorská galéria na bielom mramore
- COS — moderná galéria s bielymi stenami