Airbnb
Hiljainen valkoinen galleriaseinä ja yksi korallinpunainen kirjanmerkki
Airbnb toimii "valkoisen kankaan" tyylillä, jossa valokuvaus on valttia: lähes jokainen näyttö on hiljainen yksivärinen kehys, jonka avulla koko näytön kuvat kiinteistöistä välittävät kokonaisvaikutelman. Yksittäinen, rikas korallinpunainen aksentti (Rausch) on ainoa värivihje, joka ilmaisee toimintaa. Kirjasintyyppi on geometrinen sans-serif (Airbnb Cereal VF) – enimmäkseen pieniä, itsevarmoja kokoja – leipätekstissä, käyttöliittymässä ja osioiden otsikoissa (22-22) – tiukalla negatiivisella rivivälillä ja runsaalla rivivälillä, mikä tekee tiheän tekstin korteista luettavia. Käyttöliittymä on tasainen, reunukseton ja pyöristetty: 12-3 säteet korteissa ja säätimissä, pyöreät pillerinmuotoiset painikkeet ja pehmeät, kerrostetut varjot vain näkyvissä elementeissä, kuten hakupalkissa. Kaikki muu – kortit, listakohteet, linkit – perustuu tyhjään tilaan ja ohuisiin viivoihin kromikoristeiden sijaan.
Täysleveä asettelu ilman kiinteää enimmäisleveysrajoitusta – sisältö ulottuu reunasta reunaan näkyvällä alueella, ja työpöytäversiossa kummallakin puolella on noin 40 pikseliä vaakasuoraa täytettä. Pääosio on kelluva hakukapseli, joka on keskitetty neutraalin valkoiselle pohjalle ilman kuvaa tai otsikkoa – hakupalkki ON pääosio. Haun alapuolella sivu siirtyy pystysuunnassa pinottuihin, vaakasuunnassa vierittäviin osioihin (näkyvissä on neljä riviä: Esittelyssä olevat kodit, Loistavat hotellit, Toinen kaupunki, Saatavilla ensi kuussa), joista jokainen on noin 320 pikseliä korkea ja erotettu 48 pikselin pystysuorilla sisävesillä. Jokaisessa osiossa käytetään 7 kortin ruudukkoa, jossa on vaakasuora ylivuoto ja nuolinavigointi. Alatunniste on kolmisarakkeinen linkkiruudukko #f7f7f7-taustalla, jota seuraa alapalkki, jossa on tekijänoikeustiedot, kieli-/valuutta-asetukset ja sosiaalisen median kuvakkeet. Navigointi on kiinteä yläpalkki, jossa on keskitetty välilehtinavigointi ja oikealle tasatut säätimet.
Valokuvaus hallitsee visuaalista järjestelmää, ja ensisijainen sisältötyyppi on kiinteistöilmoitusten koko näytön kuvat. Kaikki valokuvat ovat lämpimiä, hyvin valaistuja sisä- ja ulkokuvia oikeista kodeista ja hotelleista, jotka on käsitelty luonnollisella värikorjauksella (ilman raskaita suodattimia tai kaksisävyisiä sävyjä). Kuvat on rajattu tiiviisti kuvasuhteella 1:1 listauskorteissa, täyttäen kortin reunan ilman leikkauksia. Käyttöliittymän kuvakkeissa on yksivärinen ääriviiva (viivan paksuus ~16–16), jota käytetään säästeliäästi navigointikategorioissa ja käyttöliittymän säätimissä. Logo on ainoa monivärinen graafinen elementti (Rausch). Ei kuvituksia, ei 3D-renderöintejä, ei abstraktia grafiikkaa – visuaalinen kieli on puhdasta valokuvausta ja minimalistista mustavalkoista ikonografiaa pehmeän valkoisella kankaalla.
Paletti
Merkki
- Rausch
#ff385c— Punaista käytetään koristeellisena aksenttina kuvakkeissa, kylteissä ja pienissä graafisissa yksityiskohdissa. Sitä ei tule käyttää ensisijaisena värinä toimintakehotuksissa. - Rausch 600
#e00b41— Puristettu ja tumma Rausch-maali pintoihin, joita käytetään brändin korostuksina leijuvilla/aktiivisilla pinnoilla.
Neutraali
- Hof
#222222— Leipäteksti, pääteksti, otsikot, kuvakkeiden ääriviivat ja käänteinen tausta ovat neutraalia, lähellä mustaa väriä, joka toimii koko akromaattisen järjestelmän perustana. - Foggy
#6a6a6a— Toissijainen teksti, mykistetyt kuvatekstit, aputeksti, poistettu kuvakkeiden täyttö ja huomaamattomat metatiedot korttien otsikoiden alla. - Grey 500
#c1c1c1— Käytöstä poistettu teksti, paikkamerkkiteksti syöttökentissä ja mykistetty kuvake ääriviivat, joissa tilan korostusta tarvitaan. - Bebe
#ebebeb— Ohuet reunat, alleviivatut syöttökentät, erottimet luettelorivien välillä ja hienovaraiset jakoviivat. - Deco
#dddddd— Korttien taustakuvat passiivisille säilöille, paikkamerkeille ja käytöstä poistetuille korttitiloille. - Faint
#f7f7f7— Sivun taustan, alatunnisteen ja interaktiivisten elementtien osoittimen tilan pehmeä, kermanvärinen sävy erottaa tämän sivun puhtaanvalkoisista korteista.
Typografia
11:stä 28 pikseliin · 5 vaihetta
- Airbnb Cereal VF — korvaava: Circular · ääriviivat 400, 500, 600, 700 · Airbnb:lle suunniteltu mukautettu geometrinen sans-serif-fontti. Leipätekstin koko on 14px/400, käyttöliittymän otsikot 16px/500, osioiden otsikot 20px/600, 22px/500 ja kirjainväli on tiukka -0,02em ja sivujen otsikot 28px/700. Negatiivinen kirjainväli pienenee koon kasvaessa, mikä on tyypillistä geometrisille sans-serif-fonteille suuremmilla näyttökooilla. Ottaa käyttöön vaihtoehtoisen "salt"-symbolitoiminnon.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | tiheä |
| Perusvaihe | 12px |
| Painikkeen säde | 9999px |
| Kortin säde | 12px |
| Varjot | pehmeät varjot |
| Osioiden välillä | 48px |
| Sivun leveys | 1440px |
Tekoäly rakentaa verkkosivustosi Airbnb -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Apple (España) — valkoinen galleriavitriini
- Silencio — Valkoinen huone, jossa leijuu esineitä. Lämpimästä paperista tehty gallerianäyttely, jossa jokainen elementti on sijoitettu omalle paikalleen negatiivisen volyymin taustaa vasten ja hiljaisuus on harkittu suunnitteluratkaisu.
- Oakâme — Aurinkoinen provencelainen työpaja, joka on veistetty lämpimästä kivestä
- Nike — Urheilusaavutusten mustavalkoinen galleria – valkoiset seinät, tuote taideteoksena, kromi sulautunut taustaan
- Arc — teollinen valkoinen galleria keskiyön veden yllä
- Rivian — Sähköinen monoliitti gallerian betoniseinällä. Rivian esittelee jokaisen ajoneuvon veistoksena valtavaa valkoista tilaa vasten, jonka typografia on niin suurta, että siitä tulee arkkitehtoninen elementti, ja yksi lämmin keltainen rikkoo monokromaattisen tunnelman kuin auringonvalo mattapinnalla.
- Analogue — Musta galleriavitriini – tavarat leijuvat tyhjyydessä
- ddna — lämmin museovitriini käsittelemättömällä pellavalla
- Zellerfeld — Kuvanveistäjän työpaja valkoisella marmorilla – jalustan monoliittiset pinnat, yksi koboltin kipinä, pienten kirjainten kuiskaus lattiasta kattoon
- UY Studio — Luostarin kivigalleria on hiljainen tila, jossa on betoniseinät. Siellä hajuvesipullot seisovat valkoisilla jalustoilla, joita valaisee yksi 400 watin lamppu ja neljä lämpimän harmaata polttimoa.
- Basic.Space — kuraattorigalleria valkoisella marmorilla
- COS — trendikäs galleria valkoisine seinineen