Airbnb
Tihi bijeli galerijski zid s jednom koraljno crvenom oznakom stranice
Airbnb funkcioniše u stilu "bijelog platna", gdje fotografija vlada: gotovo svaki ekran je tihi monokromatski okvir, što omogućava slikama nekretnina preko cijelog ekrana da prenesu cjelokupni utisak, s jednim, bogatim koraljnocrvenim akcentom (Rausch) kao jedinom bojom koja označava akciju. Font je geometrijski sans-serif (Airbnb Cereal VF) - uglavnom male, sigurne veličine - za tekst, interfejs i naslove odjeljaka (22-22) - s uskim negativnim proredom između redova i velikim proredom između redova, što kartice s gustim tekstom čini čitljivim. Interfejs je ravan, bez okvira i zaobljen: radijusi 12-3 na karticama i kontrolama, okrugli dugmad u obliku tableta i meke, slojevite sjene samo za istaknute elemente poput trake za pretraživanje. Sve ostalo - kartice, stavke liste, linkovi - oslanja se na bijeli prostor i fine linije, a ne na hromirane akcente.
Raspored pune širine bez fiksnog ograničenja maksimalne širine - sadržaj se proteže od ruba do ruba unutar vidljivog područja, s približno 40px horizontalnog paddinga sa svake strane na desktop računaru. Glavni element je plutajuća kapsula za pretraživanje, centrirana na neutralnom bijelom platnu bez slike ili naslova - traka za pretraživanje JESTE glavni element. Ispod pretrage, stranica prelazi u vertikalno složene, horizontalno pomične odjeljke (vidljiva su četiri reda: Istaknute kuće, Odlični hoteli, Drugi grad, Dostupno sljedećeg mjeseca), svaki visok približno 320px, odvojen vertikalnim žljebovima od 48px. Svaki odjeljak koristi mrežu sa 7 kartica s horizontalnim preljevom i navigacijom strelicama. Podnožje je mreža s 3 stupca s linkovima na pozadini #f7f7f7, nakon čega slijedi donja traka s informacijama o autorskim pravima, opcijama jezika/valute i ikonama društvenih medija. Navigacija je fiksna gornja traka s centriranom navigacijom karticama i kontrolama poravnatim desno.
Fotografija dominira vizualnim sistemom, a slike nekretnina preko cijelog ekrana služe kao primarni tip sadržaja. Sve fotografije su tople, dobro osvijetljene snimke interijera i eksterijera stvarnih kuća i hotela, obrađene prirodnom korekcijom boja (bez teških filtera ili duotona). Slike su usko izrezane s omjerom stranica 1:1 za kartice nekretnina, popunjavajući rub kartice bez prelijevanja. Ikone u cijelom interfejsu imaju monokromatski obris (debljina linije ~16–16), korištene rijetko za kategorije navigacije i UI kontrole. Logo je jedini višebojni grafički element (Rausch). Nema ilustracija, nema 3D rendera, nema apstraktne grafike - vizualni jezik je čista fotografija i minimalistička monokromatski ikonografija na mekom bijelom platnu.
Paleta
Brend
- Rausch
#ff385c— Crvena se koristi kao dekorativni akcenat za ikone, znakove i male grafičke detalje. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - Rausch 600
#e00b41— Presovana i tamna verzija Rausch boje za površine koje se koriste kao akcenti brenda na lebdećim/aktivnim površinama.
Neutralno
- Hof
#222222— Glavni tekst, glavni naslovi, naslovi, obrisi ikona i invertovana pozadina su neutralne boje bliske crnoj, koja služi kao osnova za cijeli ahromatski sistem. - Foggy
#6a6a6a— Sekundarni tekst, isključeni titlovi, pomoćni tekst, onemogućeno popunjavanje ikonama i diskretni metapodaci ispod naslova kartica. - Grey 500
#c1c1c1— Onemogućeni tekst, rezervirano mjesto za tekst u poljima za unos i prigušeni obrisi ikona tamo gdje je potrebno smanjiti naglasak na statusu. - Bebe
#ebebeb— Tanke ivice, podvučena polja za unos, separatori između redova liste i suptilne linije razdvajanja. - Deco
#dddddd— Pozadinske slike kartica za neaktivne kontejnere, rezervirana mjesta i onemogućena stanja kartica. - Faint
#f7f7f7— Pozadinska slika platna stranice, površina podnožja i stanje zadržavanja miša za interaktivne elemente su u mekoj, kremastoj nijansi koja ovu stranicu izdvaja od čisto bijelih kartica.
Tipografija
od 11 do 28px · 5 koraka
- Airbnb Cereal VF — zamjena: Circular · obrisi 400, 500, 600, 700 · Prilagođeni geometrijski sans-serif font dizajniran za Airbnb. Tekst je pozicioniran na 14px/400, oznake korisničkog interfejsa na 16px/500, naslovi odjeljaka na 20px/600, 22px/500 s malim razmakom između slova od -0,02em, a naslovi stranica na 28px/700. Negativni razmak između slova se smanjuje s povećanjem veličine, što je karakteristika geometrijskih sans-serif fontova na većim veličinama ekrana. Omogućava funkciju alternativnog glifa "salt".
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 12px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 12px |
| Sjene | meke sjene |
| Između sekcija | 48px |
| Širina stranice | 1440px |
Vještačka inteligencija će izgraditi vašu web stranicu u Airbnb stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Apple (España) — bijela vitrina za galeriju
- Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav napravljen od toplog papira, gdje svaki element zauzima svoje mjesto nasuprot negativnoj volumenskoj pozadini, a tišina je namjerna dizajnerska odluka.
- Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
- Nike — Monohromatska galerija sportskih dostignuća – bijeli zidovi, proizvod kao umjetničko djelo, hrom rastvoren u pozadini
- Arc — Industrijska bijela galerija iznad ponoćne vode
- Rivian — Električni monolit na betonskom zidu galerije. Rivian predstavlja svako vozilo kao skulpturu naspram ogromnog bijelog prostora, s tipografijom toliko velikom da postaje arhitektonski element, i jednom toplom žutom bojom koja prekida monohromatsku atmosferu, poput sunčeve svjetlosti na mat površini.
- Analogue — Crna galerijska vitrina – roba lebdi u praznini
- ddna — topla muzejska vitrina na netretiranom lanu
- Zellerfeld — Kiparska radionica na bijelom mramoru - monolitne površine postolja, jedna iskra kobalta, šapat malih slova od poda do plafona
- UY Studio — Kamena galerija manastira je tihi prostor s betonskim zidovima, gdje bočice parfema stoje na bijelim postoljima, osvijetljene jednom lampom od 400 vati i četiri tople sive sijalice.
- Basic.Space — kustoska galerija na bijelom mramoru
- COS — moderna galerija s bijelim zidovima