Airbnb
Lebota le lesoeu le khutsitseng la gallery le nang le letšoao le le leng le lefubelu la likorale
Airbnb e sebetsa ka mokhoa oa "canvas e tšoeu", moo ho nka lifoto ho busang ka ho fetisisa: hoo e ka bang skrine e 'ngoe le e 'ngoe ke foreimi e khutsitseng ea monochrome, e lumellang litšoantšo tsa skrine e felletseng tsa thepa ho fetisa maikutlo ka kakaretso, ka molumo o le mong o ruileng oa likorale tse khubelu (Rausch) e le letšoao la 'mala feela le bontšang ketso. Mofuta oa mongolo ke sans-serif ea geometri (Airbnb Cereal VF) - boholo ba eona bo bonyenyane, bo tiileng - bakeng sa mongolo oa 'mele, sebopeho, le lihlooho tsa likarolo (22-22) - ka sebaka se thata sa mela e mebe le sebaka se seholo sa mela, se etsang hore likarete tse nang le mongolo o teteaneng li balehe habonolo. Sebopeho se bataletse, ha se na foreimi, 'me se chitja: 12-3 radii likareteng le li-control, likonopo tse chitja tse bōpehileng joaloka pilisi, le meriti e bonolo, e nang le mekhahlelo feela bakeng sa likarolo tse hlahelletseng joalo ka bareng ea ho batla. Lintho tse ling tsohle - likarete, lintho tse thathamisitsoeng, lihokelo - li itšetleha ka sebaka se sesoeu le mela e menyenyane ho fapana le li-accent tsa chrome.
Sebopeho sa bophara bo felletseng se se nang moedi o tsitsitseng wa bophara bo boholo—dikahare di otloloha ho tloha pheletsong ho ya pheletsong sebakeng se ka bonwang, ka hoo e ka bang 40px ya padding e rapameng lehlakoreng ka leng ho desktop. Mohale ke capsule ya ho batla e phaphametseng, e bohareng ba canvas e tshweu e sa nke lehlakore e se nang setshwantsho kapa sehlooho—bara ya ho batla KE mohale. Ka tlase ho patlo, leqephe le fetoha dikarolo tse rapameng ka ho otloloha, tse skrolang ka ho otloloha (mela e mene e a bonahala: Matlo a Hlahisitsweng, Dihotele tse Kgolo, Motse o Mong, o Fumanehang Kgweding e Tlang), e nngwe le e nngwe e bolelele ba 320px, e arotswe ke di-gutter tse otlolohileng tsa 48px. Karolo ka nngwe e sebedisa gridi ya dikarete tse 7 e nang le ho phalla ho rapameng le ho tsamaya ka motsu. Botlaaseng ba leqephe ke gridi ya dikholomo tse 3 ya dihokelo hodima bokamorao ba #f7f7f7, e latelwa ke bara e ka tlase e nang le tlhahisoleseding ya tokelo ya molao, dikgetho tsa puo/tjhelete, le matshwao a metswedi ya ditaba tsa kahisano. Ho tsamaya ke bara e ka hodimo e tsitsitseng e nang le ho tsamaya ka ho otloloha ha tab e bohareng le ditaolo tse tsamaellanang le letona.
Ho nka difoto ho laola sistimi ya pono, ka ditshwantsho tse skrineng se felletseng tsa lenane la matlo tse sebetsang e le mofuta wa dikahare tse ka sehloohong. Difoto tsohle ke ditshwantsho tse futhumetseng, tse bonesitsweng hantle kahare le kantle tsa matlo le dihotele tsa nnete, tse sebetswang ka tokiso ya mebala ya tlhaho (ntle le difilthara tse boima kapa di-duotone). Ditshwantsho di kgaotswe ka thata ka karolelano ya 1:1 bakeng sa dikarata tsa lenane, di tlatsa lehlakore la karete ntle le ho tswa madi. Matshwao ho pholletsa le sebopeho a na le moralo wa monochrome (boima ba mola ~16–16), a sebediswa hanyane bakeng sa mekhahlelo ya ho tsamaya le ditaolo tsa UI. Letshwao ke yona feela karolo ya ditshwantsho ya mebala e mengata (Rausch). Ha ho ditshwantsho, ha ho na diphetolelo tsa 3D, ha ho na ditshwantsho tse sa bonahaleng—puo ya pono ke difoto tse hlwekileng le setshwantsho sa monochrome se senyenyane hodima kanavase e tshweu e bonolo.
Palete
Letšoao
- Rausch
#ff385c— Bofubelu bo sebelisoa e le mokhabiso oa matšoao, matšoao le lintlha tse nyane tsa setšoantšo. Ha boa lokela ho sebelisoa e le 'mala oa mantlha oa ho ipiletsa ketsong. - Rausch 600
#e00b41— Mofuta o hatisitsoeng le o lefifi oa pente ea Rausch bakeng sa libaka tse sebelisoang e le litšupiso tsa lets'oao holim'a libaka tse hover/libaka tse sebetsang.
Lehlakore
- Hof
#222222— Kopi ea 'mele, mongolo o ka sehloohong, lihlooho, li-acon schedule, le bokamorao bo khelohileng ke 'mala o sa nke lehlakore o batlang o le motšo, o sebetsang e le motheo oa sistimi eohle ea achromatic. - Foggy
#6a6a6a— Mongolo wa bobedi, di-caption tse kgutsisitsweng, mongolo o thusang, ho tlatsa matshwao a holofetseng, le metadata e sa bonahaleng ka tlasa dihlooho tsa dikarete. - Grey 500
#c1c1c1— Mongolo o holofetseng, mongolo wa sebaka masimong a ho kenya, le ditshwantsho tse kgutsisitsweng moo ho hlokahalang ho se hatise boemo. - Bebe
#ebebeb— Meeli e mesesaane, masimo a ho kenya a thadilweng ka tlase, liarola pakeng tsa mela ea lenane, le mela e menyenyane e arolang. - Deco
#dddddd— Litšoantšo tsa bokamorao ba karete bakeng sa lijana tse sa sebetseng, li-placeholder, le maemo a karete a holofetseng. - Faint
#f7f7f7— Setšoantšo sa bokamorao ba letlapa la leqephe, bokaholimo ba tlase, le boemo ba ho sesa bakeng sa likarolo tse sebelisanang ke 'mala o bonolo, o boreleli o khethollang leqephe lena ho likarete tse tšoeu tse hloekileng.
Mongolo oa mongolo
ho tloha ho 11 ho isa ho 28px · mehato e 5
- Airbnb Cereal VF — sebaka: Circular · meralo 400, 500, 600, 700 · Fonte e ikhethileng ea jeometri sans-serif e etselitsoeng Airbnb. Mongolo oa 'mele o behiloe ho 14px/400, mabitso a UI ho 16px/500, lihlooho tsa likarolo ho 20px/600, 22px/500 ka sebaka se tiileng sa litlhaku sa -0.02em, le lihlooho tsa maqephe ho 28px/700. Sebaka se fosahetseng sa litlhaku sea fokotseha ha boholo bo ntse bo eketseha, e leng tšobotsi ea lifonti tsa jeometri sans-serif boholo ba skrine bo boholo. E nolofalletsa tšobotsi e 'ngoe ea glyph ea "letsoai".
Likheo le sebopeho
| Morero | Moelelo |
|---|---|
| Botenya | teteaneng |
| Mohato oa motheo | 12px |
| Radiyo ea konopo | 9999px |
| Radiyo ya karete | 12px |
| Meriti | meriti e bonolo |
| Pakeng tsa likarolo | 48px |
| Bophara ba leqephe | 1440px |
AI e tla haha websaete ea hau ka setaele sa Airbnb 'me e e tlatse
- Tlatsa ka lihlahisoa le lingoliloeng ka sehokelo - Instagram, TikTok, Facebook.
- Fetisetsa dikahare ho tloha sebakeng sa hao sa marang-rang sa kgale—hlalosa aterese feela.
- Moralo oa sejoale-joale enjeneng e ntle ka ho fetisisa: React ( Next.js) ka tlhahiso ea seva le ntlafatso ea SEO ka ho feletseng.
- Ntlafatso ea SEO e iketsahalletseng ka botlalo bakeng sa liphetho tsa lipatlisiso le likhothaletso tsa marang-rang a methapo ea kutlo.
Mekhoa e tšoanang
- Apple (España) — lebokose le lesoeu la pontsho ea gallery
- Silencio — Kamore e tšoeu e nang le lintho tsa khale tse phaphametseng. Pontšo ea gallery e entsoeng ka pampiri e futhumetseng, moo karolo e 'ngoe le e 'ngoe e nkang sebaka sa eona khahlanong le bokamorao ba molumo o mobe, 'me khutso ke qeto ea moralo e entsoeng ka boomo.
- Oakâme — Setsi sa mesebetsi sa Provençal se kolobisitsoeng ke letsatsi se betliloeng ka lejoe le futhumetseng
- Nike — Pokello ea litšoantšo tse 'mala o mosoeu tsa katleho ea lipapali - mabota a masoeu, sehlahisoa e le mosebetsi oa bonono, chrome e qhibilihisitsoeng ka morao
- Arc — gallery e tšoeu ea indasteri holim'a metsi a bosiu
- Rivian — Monolith ea motlakase leboteng la konkreite la gallery. Rivian o hlahisa koloi e 'ngoe le e 'ngoe e le setšoantšo se betliloeng sepakapakeng se seholo se sesoeu, ka mongolo o moholo hoo e bang karolo ea meralo, le mosehla o mofuthu o le mong o robang sepakapaka se le seng, joalo ka khanya ea letsatsi holim'a bokaholimo bo sa hlakang.
- Analogue — Lebokose le letšo la pontšo ea gallery - thepa e phaphametse ka har'a sekheo
- ddna — khetla e futhumetseng ea pontšo ea musiamo holim'a line e sa phekoloang
- Zellerfeld — Sebaka sa ho betla sa 'metli oa litšoantšo holim'a 'mabole o mosoeu—libaka tse tiileng tsa motheo, tlhase e le 'ngoe ea cobalt, ho lla ha litlhaku tse nyane ho tloha fatše ho ea siling
- UY Studio — Sebaka sa pokello ea majoe sa baitlami ke sebaka se khutsitseng se nang le mabota a konkreite, moo libotlolo tsa monko o monate li emeng holim'a li-plinth tse tšoeu, li bonesitsoe ke lebone le le leng la li-watt tse 400 le mabone a mane a bohlooho a futhumetseng.
- Basic.Space — pokello ea litšoantšo tsa bahlokomeli holim'a 'mabole o mosoeu
- COS — gallery e fesheneng e nang le mabota a masoeu