Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukprogramerRazvoj AI alata za tvrtke. Visokokvalitetni. Pristupačni.Pišite nam na Telegram
Airbnb — pregled stranice u ovom stilu

Airbnb

Tihi bijeli galerijski zid s jednom koraljnocrvenom oznakom stranice

Airbnb posluje u stilu "bijelog platna", gdje fotografija vlada: gotovo svaki ekran je tihi monokromatski okvir, što omogućuje slikama nekretnina preko cijelog ekrana da prenesu cjelokupni dojam, s jednim, bogatim koraljnocrvenim naglaskom (Rausch) kao jedinom bojom koja označava radnju. Font je geometrijski sans-serif (Airbnb Cereal VF) - uglavnom male, sigurne veličine - za tekst, sučelje i naslove odjeljaka (22-22) - s uskim negativnim razmakom između redaka i velikim razmakom između redaka, što kartice s gustim tekstom čini čitljivima. Sučelje je ravno, bez okvira i zaobljeno: radijusi 12-3 na karticama i kontrolama, okrugli gumbi u obliku tableta i meke, slojevite sjene samo za istaknute elemente poput trake za pretraživanje. Sve ostalo - kartice, stavke popisa, poveznice - oslanja se na bijeli prostor i fine linije, a ne na kromirane akcente.

Izgled 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 ruba sa svake strane na računalu. Glavni element je plutajuća kapsula za pretraživanje, centrirana na neutralnom bijelom platnu bez slike ili naslova - traka za pretraživanje JE glavni element. Ispod pretraživanja, stranica prelazi u vertikalno složene, horizontalno pomične odjeljke (vidljiva su četiri reda: Istaknute kuće, Izvrsni hoteli, Drugi grad, Dostupno sljedeći mjesec), 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 poveznicama na pozadini #f7f7f7, nakon čega slijedi donja traka s informacijama o autorskim pravima, opcijama jezika/valute i ikonama društvenih mreža. Navigacija je fiksna gornja traka s centriranom navigacijom karticama i kontrolama poravnatim desno.

Fotografija dominira vizualnim sustavom, a slike nekretnina preko cijelog zaslona služe kao primarna vrsta 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 oglasa, ispunjavajući rub kartice bez prelijevanja. Ikone u cijelom sučelju imaju monokromatski obris (debljina linije ~16–16), korištene rijetko za navigacijske kategorije i kontrole korisničkog sučelja. Logotip 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

Robna marka

  • Rausch #ff385c — Crvena se koristi kao dekorativni naglasak za ikone, znakove i male grafičke detalje. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
  • Rausch 600 #e00b41 — Prešana i tamna verzija Rausch boje za površine koje se koriste kao akcenti brenda na lebdećim/aktivnim površinama.

Neutralno

  • Hof #222222 — Tijelo teksta, glavni tekst, naslovi, obrisi ikona i invertirana pozadina su neutralne boje bliske crnoj, koja služi kao osnova za cijeli akromatski sustav.
  • Foggy #6a6a6a — Sekundarni tekst, isključeni titlovi, pomoćni tekst, onemogućeno ispunjavanje ikona i diskretni metapodaci ispod naslova kartica.
  • Grey 500 #c1c1c1 — Onemogućeni tekst, rezervirano mjesto za tekst u poljima za unos i obrisi ikona s isključenim zvukom tamo gdje je potrebno smanjiti naglasak na statusu.
  • Bebe #ebebeb — Tanki obrubi, podcrtavanja na poljima za unos, separatori između redaka popisa i suptilne razdjelne linije.
  • Deco #dddddd — Pozadinske slike kartica za neaktivne spremnike, 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 mekane, kremaste nijanse 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 sučelja na 16px/500, naslovi odjeljaka na 20px/600, 22px/500 s uskim razmakom između slova od -0,02em, a naslovi stranica na 28px/700. Negativni razmak između slova smanjuje se s povećanjem veličine, što je karakteristika geometrijskih sans-serif fontova na većim veličinama zaslona. Omogućuje značajku alternativnog glifa "salt".

Intervali i forma

SvrhaZnačenje
Gustoćagust
Osnovni korak12px
Radijus gumba9999px
Radijus kartice12px
Sjenemeke sjene
Između odjeljaka48px
Širina stranice1440px

Umjetna inteligencija će izraditi vašu web stranicu u Airbnb stilu i ispuniti je

  • Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
  • Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
  • Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
  • Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.

Slični stilovi

  • Apple (España) — bijela galerijska vitrina
  • Silencio — Bijela soba s lebdećim artefaktima. Galerijski postav izrađen od toplog papira, gdje svaki element zauzima svoje mjesto na pozadini negativnog volumena, a tišina je namjerna dizajnerska odluka.
  • Oakâme — Provansalska radionica okupana suncem, isklesana od toplog kamena
  • Nike — Monokromatska galerija sportskih postignuća – bijeli zidovi, proizvod kao umjetničko djelo, krom otopljen 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 razbija monokromatsku 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 — Kiparova radionica na bijelom mramoru - monolitne površine postolja, jedna iskra kobalta, šapat malih slova od poda do stropa
  • UY Studio — Kamena galerija samostana je miran prostor s betonskim zidovima, gdje bočice parfema stoje na bijelim postoljima, osvijetljene jednom lampom od 400 vata i četiri tople sive žarulje.
  • Basic.Space — kustoska galerija na bijelom mramoru
  • COS — moderna galerija s bijelim zidovima