Airbnb
Vaikne valge galeriisein ühe korallpunase järjehoidjaga
Airbnb tegutseb „valge lõuendi” stiilis, kus fotograafia on ülimuslik: peaaegu iga ekraan on vaikne monokroomne raam, mis võimaldab täisekraanipiltidel edastada üldmuljet, kusjuures üks rikkalik korallpunane aktsent (Rausch) on ainus värviline vihje, mis tähistab tegevust. Kirjatüüp on geomeetriline sans-serif (Airbnb Cereal VF) – enamasti väikesed ja kindlad suurused – nii põhiteksti, liidese kui ka jaotiste pealkirjade (22-22) jaoks – tiheda negatiivse ja helde reavahega, mis muudab tiheda tekstiga kaardid loetavaks. Liides on tasane, raamita ja ümar: kaartidel ja juhtnuppudel on 12-3 raadiust, ümarad pillikujulised nupud ja pehmed, kihilised varjud ainult silmapaistvatel elementidel, näiteks otsinguribal. Kõik muu – kaardid, loendiüksused, lingid – tugineb pigem tühjale ruumile ja peentele joontele kui kroomaktsentidele.
Täislaiuses paigutus ilma fikseeritud maksimaalse laiuse piiranguta – sisu ulatub nähtavas alas servast servani, töölaual on mõlemal küljel umbes 40 pikslit horisontaalset täidist. Peamine element on hõljuv otsingukapsel, mille keskel on neutraalne valge lõuend ilma pildi või pealkirjata – otsinguriba ONgi peamine element. Otsingu all liigub leht vertikaalselt virnastatud, horisontaalselt keritavateks osadeks (näha on neli rida: Soovitatud kodud, Suurepärased hotellid, Teine linn, Saadaval järgmisel kuul), igaüks umbes 320 pikslit kõrge, eraldatud 48 piksli suuruste vertikaalsete äärejoontega. Igas osas kasutatakse 7-kaardilist ruudustikku horisontaalse ületäitumise ja noolega navigeerimisega. Jaluses on kolmeveeruline linkide ruudustik #f7f7f7 taustal, millele järgneb alumine riba autoriõiguse teabe, keele-/valuutavalikute ja sotsiaalmeedia ikoonidega. Navigeerimine on fikseeritud ülemine riba tsentreeritud vahekaartide navigeerimise ja paremjoondatud juhtnuppudega.
Visuaalses süsteemis domineerib fotograafia, peamise sisutüübina on täisekraanil kuvatavad kinnisvarakuulutused. Kõik fotod on soojad, hästi valgustatud sise- ja välisfotod päris kodudest ja hotellidest, töödeldud loomuliku värvikorrektsiooniga (ilma tugevate filtrite või kahetooniliste efektideta). Kuulutuskaartide pildid on tihedalt kärbitud kuvasuhtega 1:1, täites kaardi serva ilma veritsemiseta. Liidese ikoonidel on mustvalge kontuur (joone paksus ~16–16), mida kasutatakse harva navigeerimiskategooriate ja kasutajaliidese juhtelementide jaoks. Logo on ainus mitmevärviline graafiline element (Rausch). Illustratsioone, 3D-renderdusi ega abstraktset graafikat pole – visuaalne keel on puhas fotograafia ja minimalistlik mustvalge ikonograafia pehmel valgel lõuendil.
Palett
Bränd
- Rausch
#ff385c— Punast kasutatakse ikoonide, märkide ja väikeste graafiliste detailide dekoratiivse aktsendina. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina. - Rausch 600
#e00b41— Rausch värvi pressitud ja tume versioon pindadele, mida kasutatakse brändiaktsentidena hõljuvatel/aktiivsetel pindadel.
Neutraalne
- Hof
#222222— Põhitekst, põhitekst, pealkirjad, ikoonide kontuurid ja ümberpööratud taust on neutraalses mustale lähedastes värvides, mis on kogu akromaatilise süsteemi aluseks. - Foggy
#6a6a6a— Teisene tekst, summutatud subtiitrid, abitekst, keelatud ikoonide täitmine ja diskreetsed metaandmed kaartide pealkirjade all. - Grey 500
#c1c1c1— Keelatud tekst, sisestusväljade kohatäitetekst ja vaigistatud ikoon tähistavad kohti, kus on vaja olekut rõhutada. - Bebe
#ebebeb— Õhukesed äärised, allajoonitud sisestusväljad, loendiridade eraldajad ja peened eraldusjooned. - Deco
#dddddd— Kaardi taustapildid mitteaktiivsete konteinerite, kohatäidete ja keelatud kaardi olekute jaoks. - Faint
#f7f7f7— Lehe lõuendi taustapilt, jaluse pind ja interaktiivsete elementide hõljumisolek on pehme kreemja tooniga, mis eristab seda lehte puhasvalgetest kaartidest.
Tüpograafia
11-st 28 pikslini · 5 sammu
- Airbnb Cereal VF — asendamine: Circular · kontuurid 400, 500, 600, 700 · Airbnb jaoks loodud kohandatud geomeetriline sans-serif font. Põhiteksti paigutus on 14px/400, kasutajaliidese siltide paigutus on 16px/500, jaotiste pealkirjade paigutus on 20px/600, 22px/500, tähevahe on -0,02em ja lehekülje pealkirjade paigutus on 28px/700. Negatiivne tähevahe väheneb suuruse suurenedes, mis on geomeetrilistele sans-serif fontidele iseloomulik suuremate ekraanisuuruste puhul. Lubab alternatiivse glüüfi funktsiooni "salt".
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 12px |
| Nupu raadius | 9999px |
| Kaardi raadius | 12px |
| Varjud | pehmed varjud |
| Sektsioonide vahel | 48px |
| Lehe laius | 1440px |
Tehisintellekt loob teie veebisaidi Airbnb stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Apple (España) — valge galeriivitriin
- Silencio — Valge ruum hõljuvate esemetega. Soojast paberist galeriiväljapanek, kus iga element võtab oma koha negatiivse mahu taustal ja vaikus on tahtlik disainiotsus.
- Oakâme — Päikesepaisteline Provence'i töökoda, mis on nikerdatud soojast kivist
- Nike — Mustvalge spordisaavutuste galerii – valged seinad, toode kui kunstiteos, kroom sulanud taustaga
- Arc — industriaalne valge galerii kesköise vee kohal
- Rivian — Galerii betoonseinal on elektriline monoliit. Rivian esitleb iga sõidukit skulptuurina tohutu valge ruumi taustal, mille tüpograafia on nii suur, et sellest saab arhitektuuriline element, ja üks soe kollane toon lõhub monokromaatilist atmosfääri nagu päikesevalgus matil pinnal.
- Analogue — Must galeriivitriin – kaubad hõljuvad tühjuses
- ddna — soe muuseumivitriin töötlemata linasel
- Zellerfeld — Skulptori töökoda valgel marmoril – postamenti monoliitsed pinnad, üksainus koobalti säde, väiketähtede sosin põrandast laeni
- UY Studio — Kloostri kivigalerii on vaikne betoonseintega ruum, kus parfüümipudelid seisavad valgetel soklitel, mida valgustab üks 400-vatine lamp ja neli sooja halli pirni.
- Basic.Space — kuraatorigalerii valgel marmoril
- COS — trendikas valgete seintega galerii