Telegram, WhatsApp+380637610482
Valerij Danjuk
Valerij DanjukrazvijalecRazvoj orodij umetne inteligence za podjetja. Visokokakovostno. Cenovno ugodno.Piši na Telegram
Airbnb – predogled spletnega mesta v tem slogu

Airbnb

Mirna bela galerijska stena z enim samim koralno rdečim zaznamkom

Airbnb deluje v slogu "belega platna", kjer kraljuje fotografija: skoraj vsak zaslon je tih enobarvni okvir, ki omogoča, da celozaslonske slike nepremičnin prenesejo celoten vtis, z enim samim, bogatim koralno rdečim poudarkom (Rausch) kot edinim barvnim namigom, ki označuje dejanje. Pisava je geometrijska sans-serif (Airbnb Cereal VF) – večinoma majhne, samozavestne velikosti – za besedilo v telesu, vmesnik in naslove razdelkov (22-22) – z ozkim negativnim razmikom med vrsticami in velikim razmikom med vrsticami, zaradi česar so kartice z gostim besedilom berljive. Vmesnik je raven, brez okvirja in zaobljen: polmeri 12-3 na karticah in kontrolnikih, okrogli gumbi v obliki tablet in mehke, večplastne sence le za vidne elemente, kot je iskalna vrstica. Vse ostalo – kartice, elementi seznama, povezave – se zanaša na bel prostor in tanke črte namesto na kromirane poudarke.

Postavitev polne širine brez fiksne omejitve največje širine – vsebina se razteza od roba do roba znotraj vidnega območja, s približno 40 slikovnimi pikami vodoravnega odmika na vsaki strani na namizju. Glavni element je lebdeča iskalna kapsula, centrirana na nevtralnem belem platnu brez slike ali naslova – iskalna vrstica JE glavni element. Pod iskanjem stran prehaja v navpično zložene, vodoravno pomikajoče se razdelke (vidne so štiri vrstice: Izpostavljene nepremičnine, Odlični hoteli, Drugo mesto, Na voljo naslednji mesec), vsak visok približno 320 slikovnih pik, ločen z navpičnimi žlebovi širine 48 slikovnih pik. Vsak razdelek uporablja mrežo s 7 karticami z vodoravnim prelivanjem in navigacijo s puščicami. Noga je mreža s 3 stolpci povezav na ozadju #f7f7f7, ki ji sledi spodnja vrstica z informacijami o avtorskih pravicah, možnostmi jezika/valute in ikonami družbenih medijev. Navigacija je fiksna zgornja vrstica s centrirano navigacijo z zavihki in desno poravnanimi kontrolniki.

Fotografija prevladuje v vizualnem sistemu, pri čemer so primarna vrsta vsebine celozaslonske slike nepremičninskih oglasov. Vse fotografije so topli, dobro osvetljeni notranji in zunanji posnetki resničnih domov in hotelov, obdelani z naravno korekcijo barv (brez težkih filtrov ali dvotonov). Slike so tesno obrezane z razmerjem stranic 1:1 za kartice oglasov, tako da zapolnijo rob kartice brez prelivanja. Ikone v celotnem vmesniku imajo enobarvni obris (debelina črte ~16–16), ki se redko uporablja za navigacijske kategorije in krmilnike uporabniškega vmesnika. Logotip je edini večbarvni grafični element (Rausch). Brez ilustracij, brez 3D-upodobitev, brez abstraktne grafike – vizualni jezik je čista fotografija in minimalistična enobarvna ikonografija na mehkem belem platnu.

Paleta

Blagovna znamka

  • Rausch #ff385c — Rdeča se uporablja kot dekorativni poudarek za ikone, znake in majhne grafične podrobnosti. Ne sme se uporabljati kot primarna barva za pozive k dejanju.
  • Rausch 600 #e00b41 — Stisnjena in temna različica barve Rausch za površine, ki se uporabljajo kot poudarki blagovne znamke na lebdečih/aktivnih površinah.

Nevtralno

  • Hof #222222 — Telo besedila, glavno besedilo, naslovi, obrisi ikon in obrnjeno ozadje so nevtralne barve blizu črne, ki služi kot osnova za celoten akromatski sistem.
  • Foggy #6a6a6a — Sekundarno besedilo, utišani podnapisi, pomožno besedilo, onemogočeno zapolnjevanje ikon in diskretni metapodatki pod naslovi kartic.
  • Grey 500 #c1c1c1 — Onemogočeno besedilo, nadomestno besedilo v vnosnih poljih in obrisi utišanih ikon, kjer je potreben manjši poudarek na stanju.
  • Bebe #ebebeb — Tanke obrobe, podčrtaji na vnosnih poljih, ločila med vrsticami seznama in subtilne ločilne črte.
  • Deco #dddddd — Slike ozadja kartic za neaktivne vsebnike, nadomestne znake in onemogočena stanja kartic.
  • Faint #f7f7f7 — Ozadje platna strani, površina podnožja in stanje lebdenja za interaktivne elemente so v nežnem, kremastem odtenku, ki to stran loči od čisto belih kartic.

Tipografija

od 11 do 28 slikovnih pik · 5 korakov

  • Airbnb Cereal VF — zamenjava: Circular · obrisi 400, 500, 600, 700 · Geometrijska sans-serif pisava po meri, zasnovana za Airbnb. Besedilo telesa je postavljeno na 14px/400, oznake uporabniškega vmesnika na 16px/500, naslovi razdelkov na 20px/600, 22px/500 z ozkim razmikom med črkami -0,02em in naslovi strani na 28px/700. Negativni razmik med črkami se zmanjšuje z naraščajočo velikostjo, kar je značilno za geometrijske sans-serif pisave pri večjih velikostih zaslona. Omogoča funkcijo alternativnega glifa»salt«.

Intervali in oblika

NamenPomen
Gostotagosta
Osnovni korak12px
Polmer gumba9999px
Polmer kartice12px
Sencemehke sence
Med odseki48px
Širina strani1440px

Umetna inteligenca bo zgradila vašo spletno stran v slogu Airbnb in jo napolnila

  • Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
  • Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
  • Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
  • Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.

Podobni slogi

  • Apple (España) — bela galerijska vitrina
  • Silencio — Bela soba z lebdečimi artefakti. Galerijska razstava iz toplega papirja, kjer vsak element zaseda svoje mesto na ozadju negativnega volumna, tišina pa je namerna oblikovalska odločitev.
  • Oakâme — S soncem obsijana provansalska delavnica, izklesana iz toplega kamna
  • Nike — Monokromatska galerija športnih dosežkov – bele stene, izdelek kot umetniško delo, krom, raztopljen v ozadju
  • Arc — Industrijska bela galerija nad polnočno vodo
  • Rivian — Električni monolit na betonski steni galerije. Rivian vsako vozilo predstavi kot skulpturo na prostranem belem prostoru, s tipografijo, ki je tako velika, da postane arhitekturni element, in eno samo toplo rumeno barvo, ki prekinja monokromatsko vzdušje, kot sončna svetloba na mat površini.
  • Analogue — Črna galerijska vitrina – blago lebdi v praznini
  • ddna — topla muzejska vitrina na neobdelanem lanu
  • Zellerfeld — Kiparjeva delavnica na belem marmorju – monolitne površine podstavka, ena sama iskra kobalta, šepet malih črk od tal do stropa
  • UY Studio — Kamnita galerija samostana je miren prostor z betonskimi stenami, kjer na belih podstavkih stojijo stekleničke za parfume, osvetljene z eno 400-vatno svetilko in štirimi toplo sivimi žarnicami.
  • Basic.Space — kuratorska galerija na belem marmorju
  • COS — trendovska galerija z belimi stenami