Airbnb
Mgbidi ụlọ ngosi ihe ngosi ọcha dị jụụ nwere otu akara ngosi uhie coral
Airbnb na-arụ ọrụ n'ụdị "ákwà ọcha", ebe foto na-achị nke ọma: ihe fọrọ nke nta ka ọ bụrụ ihuenyo ọ bụla bụ etiti monochrome dị jụụ, na-enye ohere ka onyonyo ihuenyo zuru oke nke ihe ndị dị na ya gosipụta mmetụta zuru oke, yana otu olu coral-red bara ụba (Rausch) dị ka naanị ihe ngosi agba na-egosi ihe omume. Ụdịdị ahụ bụ sans-serif geometric (Airbnb Cereal VF) - ọkachasị obere nha, nke nwere obi ike - maka ederede ahụ, interface, na isi ngalaba (22-22) - yana oghere ahịrị na-adịghị mma na oghere ahịrị buru ibu, na-eme ka kaadị nwere ederede dị oke ọnụ nwee ike ịgụ. Interface ahụ dị larịị, enweghị frame, ma gbaa gburugburu: 12-3 radii na kaadị na njikwa, bọtịnụ dị gburugburu dị ka pill, na onyinyo dị nro, nke nwere akwa naanị maka ihe ndị pụtara ìhè dị ka mmanya ọchụchọ. Ihe ndị ọzọ niile - kaadị, ihe ndepụta, njikọ - dabere na oghere ọcha na ahịrị dị mma kama ụda chrome.
Nhazi obosara zuru oke na-enweghị oke obosara a kapịrị ọnụ - ọdịnaya na-agbatị n'akụkụ ruo n'ọnụ n'ime mpaghara a na-ahụ anya, yana ihe dị ka 40px nke padding kwụ ọtọ n'akụkụ ọ bụla na desktọpụ. Dike ahụ bụ kapsụl ọchụchọ na-ese n'elu mmiri, nke dị n'etiti ákwà ọcha na-anọpụ iche na-enweghị onyonyo ma ọ bụ aha - ogwe ọchụchọ bụ dike. N'okpuru nchọta ahụ, ibe ahụ na-agbanwe gaa na ngalaba mpịakọta kwụ ọtọ, nke a na-agbagharị n'usoro (ahịrị anọ a na-ahụ anya: Ụlọ Ndị A Ma Ama, Ụlọ Nkwari Akụnụba Dị Ukwuu, Obodo Ndị Ọzọ, Dị Ọnwa Na-abịa), nke ọ bụla dị ihe dị ka 320px ogologo, nke kewara site na gutters kwụ ọtọ 48px. Nkebi ọ bụla na-eji grid kaadị 7 nwere oke mmiri na-agafe agafe na igodo akụ. Ala ala bụ grid kọlụm 3 nke njikọ na ndabere #f7f7f7, nke na-esote ogwe ala nwere ozi nwebisiinka, nhọrọ asụsụ/ego, na akara ngosi mgbasa ozi mmekọrịta. Njemgharị ahụ bụ ogwe elu edoziri edoziri yana igodo taabụ etiti na njikwa aka nri.
Foto na-achịkwa sistemụ anya, yana onyonyo ihuenyo zuru oke nke ndepụta ala na ụlọ na-eje ozi dị ka ụdị ọdịnaya bụ isi. Foto niile bụ foto ime na mpụta nke ụlọ na họtel na-ekpo ọkụ, nke nwere ọkụ nke ọma, nke ejiri ndozi agba eke hazie (na-enweghị nzacha dị arọ ma ọ bụ duotones). A na-apịachi onyonyo ahụ nke ọma na nha akụkụ 1:1 maka kaadị ndepụta, na-ejupụta nsọtụ kaadị ahụ na-enweghị ọbara ọgbụgba. Akara ngosi niile dị na interface ahụ nwere nhazi monochrome (ibu ahịrị ~16–16), ejiri ya mee ihe nke ọma maka ụdị igodo na njikwa UI. Akara ngosi ahụ bụ naanị ihe eserese agba dị iche iche (Rausch). Enweghị eserese, enweghị eserese 3D, enweghị eserese nkịtị - asụsụ anya bụ foto dị ọcha na akara ngosi monochrome dị obere na ákwà ọcha dị nro.
Paletị
Akara
- Rausch
#ff385c— A na-eji uhie eme ihe dị ka ihe e ji achọ mma maka akara ngosi, akara ngosi, na obere nkọwa eserese. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume. - Rausch 600
#e00b41— Agba Rausch a pịrị apị ma gbaa ọchịchịrị maka elu e ji eme ihe dị ka ihe e ji amata akara n'elu elu ndị na-efegharị/na-arụ ọrụ.
Na-anọpụ iche
- Hof
#222222— Ihe osise ahụ, isi ederede, isi okwu, ihe osise akara ngosi, na ndabere agbagharị bụ agba na-anọpụ iche dị nso na oji, nke na-eje ozi dị ka ntọala maka sistemụ achromatic dum. - Foggy
#6a6a6a— Ederede nke abụọ, nkọwa okwu agbachiri agbachi, ederede enyemaka, ihe e ji akara ngosi emechiri emechi, na metadata nzuzo dị n'okpuru aha kaadị. - Grey 500
#c1c1c1— Ederede agbajiri agbaji, ederede onye na-ejide ebe n'ime ubi ntinye, yana akara ngosi agbachiri agbachi ebe achọrọ iwepụ ihe gbasara ọnọdụ. - Bebe
#ebebeb— Ókèala dị gịrịgịrị, ubi ntinye a kara akara n'okpuru, ihe nkewa n'etiti ahịrị ndepụta, na ahịrị nkewa dị nro. - Deco
#dddddd— Foto ndabere kaadị maka akpa ndị na-adịghị arụ ọrụ, ihe ndị na-ejide ebe, na ọnọdụ kaadị ndị nwere nkwarụ. - Faint
#f7f7f7— Foto ndabere nke ákwà mkpuchi ibe, elu ala, na ọnọdụ hover maka ihe ndị na-emekọrịta ihe bụ agba dị nro, ude nke na-eme ka ibe a dị iche na kaadị ọcha dị ọcha.
Ụdị edemede
site na 11 ruo 28px · Nzọụkwụ 5
- Airbnb Cereal VF — nnọchi: Circular · ihe nhazi 400, 500, 600, 700 · Mkpụrụedemede sans-serif nke e mere maka Airbnb. Ederede ahụ dị na 14px/400, akara UI dị na 16px/500, isi ngalaba dị na 20px/600, 22px/500 nwere oghere mkpụrụedemede dị mkpụmkpụ nke -0.02em, na isi peeji dị na 28px/700. Oghere mkpụrụedemede na-adịghị mma na-ebelata ka nha na-abawanye, nke bụ njirimara nke mkpụrụedemede sans-serif nke geometric na nha ihuenyo buru ibu. Na-eme ka atụmatụ glyph "nnu" dị iche.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | dị oke arọ |
| Nzọụkwụ bụ isi | 12px |
| Redịọs bọtịnụ | 9999px |
| Redịọs kaadị | 12px |
| Onyinyo | onyinyo dị nro |
| N'etiti ngalaba | 48px |
| Obosara ibe | 1440px |
AI ga-ewulite weebụsaịtị gị n'ụdị Airbnb ma jupụta ya
- Jupụta ngwaahịa na ozi site na njikọ ahụ - Instagram, TikTok, Facebook.
- Bufee ọdịnaya site na saịtị ochie gị—kpọọ naanị adreesị ahụ.
- Nhazi ọgbara ọhụrụ na injin kacha mma: React ( Next.js) na nhazi sava na nhazi SEO n'ime igbe.
- Nhazi SEO akpaghị aka zuru oke maka nsonaazụ ọchụchọ na ndụmọdụ netwọkụ akwara.
Ụdị ndị yiri ya
- Apple (España) — ikpe ngosi ihe ngosi ụlọ ngosi ọcha
- Silencio — Ụlọ ọcha nwere ihe ndị e ji aka mee na-ese n'elu mmiri. Ihe ngosi ụlọ ngosi ihe ngosi nke e ji akwụkwọ ọkụ mee, ebe ihe ọ bụla nọ n'ọnọdụ ya n'azụ akwụkwọ na-adịghị mma, ebe ịgbachi nkịtị bụ mkpebi imewe ebumpụta ụwa.
- Oakâme — Ụlọ ọrụ Provençal nke anwụ na-acha nke e ji nkume ọkụ kpụọ
- Nike — Ụlọ ihe ngosi ihe ngosi nke ihe egwuregwu monochrome - mgbidi ọcha, ngwaahịa dị ka ọrụ nka, chrome gbazere n'azụ
- Arc — ụlọ ngosi ihe ngosi ụlọ ọrụ ọcha n'elu mmiri etiti abalị
- Rivian — Otu ihe e ji ígwè eletrik rụọ n'elu mgbidi simenti nke gallery ahụ. Rivian na-egosi ụgbọala ọ bụla dị ka ihe a kpụrụ akpụ n'elu nnukwu oghere ọcha, ya na mkpụrụedemede buru ibu nke na ọ na-aghọ ihe owuwu ụlọ, na otu odo na-ekpo ọkụ nke na-agbaji ikuku monochromatic, dị ka ìhè anyanwụ n'elu matte.
- Analogue — Igbe ngosi ihe ngosi ojii - ngwongwo na-efegharị n'ime oghere ahụ
- ddna — ihe ngosi ihe ngosi nka na-ekpo ọkụ na ákwà linin a na-adịghị agwọ
- Zellerfeld — Ụlọ ọrụ onye na-akpụ ihe n'elu mabụl ọcha—elu ihe dị n'otu akụkụ nke ntọala ahụ, otu ọkụ cobalt, obere mkpụrụedemede site n'ala ruo n'uko ụlọ
- UY Studio — Ụlọ ngosi nkume nke ụlọ nsọ ahụ bụ ebe dị jụụ nke nwere mgbidi simenti, ebe karama ihe na-esi ísì ụtọ dị n'elu plinth ọcha, nke otu oriọna 400-watt na bọlbụ isi awọ anọ na-ekpo ọkụ na-enwu.
- Basic.Space — ụlọ ngosi ihe ngosi nka na marble ọcha
- COS — ụlọ ngosi ihe ngosi ejiji nwere mgbidi ọcha