Airbnb

Udonga lwegalari olumhlophe oluthule olunebhukhimakhi eyodwa ebomvu ye-coral

I-Airbnb isebenza ngesitayela "sekhanvasi emhlophe", lapho izithombe zibusa khona kakhulu: cishe zonke izikrini ziwuhlaka oluthule lwe-monochrome, oluvumela izithombe zesikrini esigcwele sezakhiwo ukuthi zidlulise umbono ophelele, nge-accent eyodwa ecebile ebomvu-korali (i-Rausch) njenge-cue yombala kuphela ekhombisa isenzo. Uhlobo lokubhala luyi-geometric sans-serif (i-Airbnb Cereal VF)—ngobukhulu obuncane, obuqinisekile—bombhalo womzimba, isikhombikubona, kanye nezihloko zesigaba (22-22)—ngesikhala semigqa esiqinile esingesihle kanye nesikhala esikhulu semigqa, okwenza amakhadi anombhalo oqinile afundeke kalula. Isikhombikubona siyisicaba, asinafreyimu, futhi siyindilinga: ama-radii angu-12-3 kumakhadi nezilawuli, izinkinobho ezimise okwephilisi eliyindilinga, kanye nezithunzi ezithambile, ezinezingqimba kuphela zezinto ezivelele njengebha yokusesha. Konke okunye—amakhadi, izinto zohlu, izixhumanisi—kuncike esikhaleni esimhlophe kanye nemigqa emincane kune-accents ye-chrome.

Isakhiwo sobubanzi obugcwele esingenawo umkhawulo wobubanzi obuphezulu obumisiwe—okuqukethwe kwelula kusukela emaphethelweni kuya emaphethelweni ngaphakathi kwendawo ebonakala, cishe ngama-40px wephedi evundlile ohlangothini ngalunye kudeskithophu. Iqhawe liyi-capsule yokusesha entantayo, ephakathi kwe-canvas emhlophe engathathi hlangothi engenasithombe noma isihloko—ibha yokusesha YIQhawe. Ngaphansi kokusesha, ikhasi lishintshela ezigabeni ezibekwe ngokuvundlile, eziskrola ngokuvundlile (imigqa emine ibonakala: Izindlu Ezivelele, Amahhotela Amahle, Amanye Amadolobha, Atholakalayo Inyanga Ezayo), ngayinye icishe ibe ngama-320px ubude, ihlukaniswe ngama-gutter aqondile angu-48px. Ingxenye ngayinye isebenzisa igridi yamakhadi ayi-7 enokuhamba okuvundlile kanye nomcibisholo. I-footer iyigridi yamakholomu amathathu yezixhumanisi ngemuva kwe-#f7f7f7, kulandelwe yibha engezansi enolwazi lwe-copyright, izinketho zolimi/lwemali, kanye nezithonjana zemidiya yezenhlalo. Ukuzulazula kuyibha ephezulu eqondile enokuhamba kwethebhu okuphakathi kanye nezilawuli eziqondaniswe kwesokudla.

Izithombe zibusa uhlelo olubonakalayo, ngezithombe zesikrini esigcwele zohlu lwezindlu ezisebenza njengohlobo lokuqukethwe oluyinhloko. Zonke izithombe ziyizithombe zangaphakathi nezangaphandle ezifudumele, ezikhanyiswe kahle zezindlu namahhotela angempela, ezicutshungulwa ngokulungiswa kombala kwemvelo (ngaphandle kwezihlungi ezisindayo noma ama-duotone). Izithombe zinqanyuliwe ngokuqinile ngesilinganiso se-aspect ratio esingu-1:1 samakhadi ohlu, zigcwalisa unqenqema lwekhadi ngaphandle kokuphuma kwegazi. Izithonjana kulo lonke isikhombimsebenzisi zinohlaka lwe-monochrome (isisindo somugqa ~16–16), ezisetshenziswa kancane ezigabeni zokuzulazula kanye nezilawuli ze-UI. Ilogo iyona kuphela into yesithombe enemibala eminingi (iRausch). Azikho imidwebo, azikho izithombe ze-3D, azikho imidwebo engabonakali—ulimi olubonakalayo luyizithombe ezimsulwa kanye nesithonjana se-monochrome esincane ku-canvas emhlophe ethambile.

Isitolo se-inthanethi Ubuncane I-Monochrome I-Premium

https://www.airbnb.com

Iphalethi

Umkhiqizo

Rausch #ff385c — Ubomvu busetshenziswa njengendlela yokuhlobisa izithonjana, izimpawu, kanye nemininingwane emincane yesithombe. Akufanele busetshenziswe njengombala oyinhloko wokubiza isenzo.
Rausch 600 #e00b41 — Inguqulo ecindezelwe nemnyama yopende weRausch wezindawo ezisetshenziswa njengezimpawu zomkhiqizo ezindaweni ezinyakazayo/ezisebenzayo.

Okungathathi hlangothi

Hof #222222 — Ikhophi yomzimba, umbhalo oyinhloko, izihloko, izinhlaka zesithonjana, kanye nesizinda esiguquliwe kungumbala ongathathi hlangothi osondele kumnyama, osebenza njengesisekelo sohlelo lonke lwe-achromatic.
Foggy #6a6a6a — Umbhalo wesibili, amagama-ncazo athulisiwe, umbhalo osizayo, ukugcwaliswa kwesithonjana okukhutshaziwe, kanye nemethadatha efihliwe ngaphansi kwezihloko zamakhadi.
Grey 500 #c1c1c1 — Umbhalo okhutshaziwe, umbhalo wesibambi-ndawo ezinkambini zokufaka, kanye nezimpawu ezithulisiwe lapho kudingeka khona ukungagcizeleli isimo.
Bebe #ebebeb — Imingcele emincane, izinkambu zokufaka ezidwetshwe umugqa, abahlukanisi phakathi kwemigqa yohlu, kanye nemigqa ehlukanisayo engabonakali.
Deco #dddddd — Izithombe zangemuva zekhadi zeziqukathi ezingasebenzi, izibambi-ndawo, kanye nezimo zamakhadi akhubazekile.
Faint #f7f7f7 — Isithombe sangemuva sekhanvasi yekhasi, ubuso obungaphansi, kanye nesimo sokuhambisa phezulu sezinto ezisebenzisanayo kuyisithunzi esithambile nesikhilimu esenza leli khasi lihluke kumakhadi amhlophe amsulwa.

Ukuthayipha

kusukela ku-11 kuya ku-28px · izinyathelo ezi-5

Airbnb Cereal VF — esikhundleni: Circular · izinhlaka 400, 500, 600, 700 · Ifonti ye-geometric sans-serif eyenzelwe i-Airbnb. Umbhalo womzimba ubekwe ku-14px/400, amalebula e-UI ku-16px/500, izihloko zesigaba ku-20px/600, 22px/500 ngesikhala sezinhlamvu esiqinile esingu--0.02em, kanye nezihloko zekhasi ku-28px/700. Isikhala sezinhlamvu esingesihle siyancipha ngosayizi okhulayo, okuyisici samafonti e-geometric sans-serif ngobukhulu besikrini esikhulu. Inika amandla isici se-glyph ehlukile "esinosawoti".

Izikhawu kanye nesimo

Inhloso	Incazelo
Ubuningi	minyene
Isinyathelo esiyisisekelo	12px
Irediyasi yenkinobho	9999px
Irediyasi yekhadi	12px
Izithunzi	izithunzi ezithambile
Phakathi kwezigaba	48px
Ububanzi bekhasi	1440px

I-AI izokwakha iwebhusayithi yakho ngesitayela se- Airbnb futhi iyigcwalise

Gcwalisa ngemikhiqizo kanye nokuthunyelwe ngesixhumanisi - Instagram, TikTok, Facebook.
Dlulisa okuqukethwe kusuka kusayithi lakho elidala—vele ucacise ikheli.
Umklamo wesimanje enjinini engcono kakhulu: React ( Next.js) enokunikeza iseva kanye nokwenza ngcono i-SEO ngokungenaphutha.
Ukwenziwa ngcono kwe-SEO okuzenzakalelayo ngokuphelele kwemiphumela yokusesha kanye nezincomo zenethiwekhi ye-neural.

Dala iwebhusayithi ngale ndlela

Izitayela ezifanayo

Apple (España) — ikesi lokubonisa igalari elimhlophe
Silencio — Igumbi elimhlophe elinezinto zobuciko ezintantayo. Isibonisi segalari esenziwe ngephepha elifudumele, lapho into ngayinye ithatha indawo yayo ngokumelene nesizinda sevolumu engemihle, kanti ukuthula kuyisinqumo sokuklama esihlosiwe.
Oakâme — Indawo yokusebenzela yaseProvençal eyomile elangeni eqoshwe ngetshe elifudumele
Nike — Igalari enombala ofanayo yempumelelo yezemidlalo - izindonga ezimhlophe, umkhiqizo njengomsebenzi wobuciko, i-chrome incibilikisiwe ngemuva
Arc — igalari emhlophe yezimboni phezu kwamanzi aphakathi kwamabili
Rivian — I-monolith kagesi odongeni lukakhonkolo lwegalari. URivian wethula imoto ngayinye njengesifanekiso esibhekene nendawo enkulu emhlophe, enombhalo omkhulu kangangokuthi uba yinto yokwakha, kanye nophuzi owodwa ofudumele ophula umoya we-monochromatic, njengokukhanya kwelanga ebusweni obungacwebezeli.
Analogue — Ikesi lokubonisa igalari elimnyama - izimpahla zizulazula endaweni engenalutho
ddna — isikhwama sombukiso semnyuziyamu esifudumele elangeni elingelashiwe
Zellerfeld — Indawo yokusebenzela yabaqophi bezithombe emabula amhlophe—izindawo ezinkulu zesisekelo, inhlansi eyodwa ye-cobalt, ukuzwakala kwezinhlamvu ezincane kusukela phansi kuya ophahleni
UY Studio — Igalari yamatshe yesigodlo iyindawo ethule enezindonga zekhonkrithi, lapho amabhodlela ephunga emi khona ezinsikeni ezimhlophe, ekhanyiswa yisibani esisodwa sama-watt angu-400 kanye nama-bulb amane afudumele ampunga.
Basic.Space — igalari yokugcinwa kwempahla kumabula amhlophe
COS — igalari yemfashini enezindonga ezimhlophe