Airbnb
He paia hale hōʻikeʻike keʻokeʻo mālie me kahi bookmark ʻulaʻula korala hoʻokahi
Hana ʻo Airbnb i ke ʻano "canvas keʻokeʻo", kahi e noho aliʻi ai ke kiʻi: kokoke i kēlā me kēia pale he kiʻi monochrome mālie, e ʻae ana i nā kiʻi piha o nā waiwai e hōʻike i ka manaʻo holoʻokoʻa, me kahi leo coral-ʻulaʻula momona hoʻokahi (Rausch) ma ke ʻano he hōʻailona kala wale nō e hōʻike ana i ka hana. ʻO ke ʻano kikokikona he geometric sans-serif (Airbnb Cereal VF) - ʻo ka hapa nui he liʻiliʻi, nā nui hilinaʻi - no ke kino kikokikona, ka interface, a me nā poʻo inoa ʻāpana (22-22) - me ka laina laina maikaʻi ʻole a me ka laina laina nui, e hiki ai ke heluhelu ʻia nā kāleka me nā kikokikona mānoanoa. He pālahalaha ka interface, ʻaʻohe frame, a poepoe: 12-3 radii ma nā kāleka a me nā kaohi, nā pihi poepoe e like me ka pila, a me nā aka palupalu, papa no nā mea koʻikoʻi e like me ka pahu hulina. ʻO nā mea ʻē aʻe a pau - nā kāleka, nā mea papa inoa, nā loulou - hilinaʻi i ka hakahaka keʻokeʻo a me nā laina maikaʻi ma mua o nā leo chrome.
ʻO kahi hoʻonohonoho piha me ka palena ʻole o ka laulā kiʻekiʻe—ʻo ka ʻike e pālahalaha ana mai ka lihi a i ka lihi i loko o ka wahi i ʻike ʻia, me kahi o 40px o ka padding ākea ma kēlā me kēia ʻaoʻao ma ka pākaukau. ʻO ka hero kahi capsule hulina lana, i kau ʻia ma luna o kahi canvas keʻokeʻo kūlike ʻole me ke kiʻi a i ʻole ke poʻo inoa—ʻo ka pahu hulina ʻO ia ka hero. Ma lalo o ka hulina, hoʻololi ka ʻaoʻao i nā ʻāpana i hoʻonohonoho ʻia a ʻōwili ʻia i ka ʻaoʻao (ʻehā lālani e ʻike ʻia: Nā Hale Hiʻona, Nā Hōkele Nui, Ke Kulanakauhale ʻē aʻe, Loaʻa i ka Mahina Aʻe), kēlā me kēia ma kahi o 320px ke kiʻekiʻe, i hoʻokaʻawale ʻia e nā ʻauwai kū pololei 48px. Hoʻohana kēlā me kēia ʻāpana i kahi grid 7-kāleka me ka overflow ākea a me ka hoʻokele pua. ʻO ka footer kahi grid 3-kolume o nā loulou ma kahi hope #f7f7f7, ukali ʻia e kahi pā lalo me ka ʻike kope kope, nā koho ʻōlelo/kālā, a me nā kiʻiona pāpili kaiapili. ʻO ka hoʻokele he pā luna paʻa me ka hoʻokele tab waena a me nā mana i hoʻonohonoho ʻākau ʻia.
ʻO ke kiʻi paʻi kiʻi ka mea nui o ka ʻōnaehana ʻike maka, me nā kiʻi piha piha o nā papa inoa waiwai paʻa e lawelawe ana ma ke ʻano he ʻano ʻike nui. ʻO nā kiʻi a pau he mau kiʻi mahana, hoʻomālamalama maikaʻi ʻia o loko a me waho o nā hale maoli a me nā hōkele, i hana ʻia me ka hoʻoponopono kala kūlohelohe (me ka ʻole o nā kānana kaumaha a i ʻole nā duotones). Ua ʻoki paʻa ʻia nā kiʻi me ka lakio hiʻohiʻona 1: 1 no nā kāleka papa inoa, e hoʻopiha ana i ka lihi o ke kāleka me ka ʻole o ke kahe ʻana. Loaʻa i nā kiʻi ma o ka interface kahi outline monochrome (kaumaha laina ~ 16-16), i hoʻohana iki ʻia no nā māhele hoʻokele a me nā mana UI. ʻO ka logo wale nō ka mea kiʻi multicolor (Rausch). ʻAʻohe kiʻi, ʻaʻohe renders 3D, ʻaʻohe kiʻi abstract - ʻo ka ʻōlelo ʻike maka he kiʻi maʻemaʻe a me ka iconography monochrome minimalist ma kahi canvas keʻokeʻo palupalu.
Paleta
Lama
- Rausch
#ff385c— Hoʻohana ʻia ka ʻulaʻula ma ke ʻano he mea hoʻonaninani no nā kiʻiona, nā hōʻailona, a me nā kikoʻī kiʻi liʻiliʻi. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no nā kāhea i ka hana. - Rausch 600
#e00b41— He mana i kaomi ʻia a ʻeleʻele hoʻi o ka pena Rausch no nā ʻili i hoʻohana ʻia ma ke ʻano he mau leo lama ma nā ʻili hover/active.
Kūlike ʻole
- Hof
#222222— ʻO ke kope kino, ka kikokikona nui, nā poʻomanaʻo, nā outline icon, a me ke kua i hoʻohuli ʻia he kala kūlike ʻole kokoke i ka ʻeleʻele, ʻo ia ke kumu no ka ʻōnaehana achromatic holoʻokoʻa. - Foggy
#6a6a6a— Kikokikona lua, nā lepe i hoʻomālielie ʻia, kikokikona kōkua, hoʻopiha ikona i hoʻopau ʻia, a me ka ʻikepili huna ma lalo o nā poʻo inoa kāleka. - Grey 500
#c1c1c1— Kikokikona i hoʻopau ʻia, kikokikona wahi paʻa i nā kahua hoʻokomo, a me nā kiʻiona i hoʻomālielie ʻia kahi e pono ai ka hoʻohaʻahaʻa ʻana i ke kūlana. - Bebe
#ebebeb— Nā palena lahilahi, nā kahua hoʻokomo i kahakaha ʻia, nā mea hoʻokaʻawale ma waena o nā laina papa inoa, a me nā laina hoʻokaʻawale maalea. - Deco
#dddddd— Nā kiʻi hope kāleka no nā ipu hana ʻole, nā wahi paʻa, a me nā kūlana kāleka kīnā. - Faint
#f7f7f7— ʻO ke kiʻi hope o ka canvas ʻaoʻao, ka ʻili footer, a me ke kūlana hover no nā mea hana pili he aka palupalu a momona e hoʻokaʻawale ana i kēia ʻaoʻao mai nā kāleka keʻokeʻo maʻemaʻe.
Palapala hoʻopili
mai 11 a 28px · 5 mau ʻanuʻu
- Airbnb Cereal VF — pani: Circular · nā hoʻolālā 400, 500, 600, 700 · He kinona hua palapala sans-serif geometric maʻamau i hoʻolālā ʻia no Airbnb. Aia ke kinona kikokikona ma 14px/400, nā lepili UI ma 16px/500, nā poʻomanaʻo ʻāpana ma 20px/600, 22px/500 me ka mamao o nā leka paʻa o -0.02em, a me nā poʻomanaʻo ʻaoʻao ma 28px/700. Hoʻemi ʻia ka mamao o nā leka maikaʻi ʻole me ka piʻi ʻana o ka nui, kahi ʻano o nā kinona sans-serif geometric ma nā nui pale nui. Hoʻāla i ka hiʻohiʻona glyph ʻē aʻe "paʻakai".
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 12px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 12px |
| Nā aka | nā aka palupalu |
| Ma waena o nā ʻāpana | 48px |
| Ka laulā o ka ʻaoʻao | 1440px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Airbnb a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Apple (España) — pahu hōʻikeʻike hale hōʻikeʻike keʻokeʻo
- Silencio — He lumi keʻokeʻo me nā mea hana e lana ana. He hōʻikeʻike hale hōʻikeʻike i hana ʻia me ka pepa mahana, kahi e noho ai kēlā me kēia mea i kona wahi e kūʻē i ke kua o ka leo maikaʻi ʻole, a ʻo ka mālie he hoʻoholo hoʻolālā i manaʻo ʻia.
- Oakâme — He hale hana Provençal i hoʻomālamalama ʻia e ka lā i kālai ʻia mai ka pōhaku mahana
- Nike — He hale hōʻikeʻike monochrome o nā hoʻokō haʻuki - nā paia keʻokeʻo, ka huahana ma ke ʻano he hana noʻeau, chrome i hoʻoheheʻe ʻia i loko o ke kua
- Arc — hale hōʻikeʻike keʻokeʻo ʻoihana ma luna o ka wai o ke aumoe
- Rivian — He monolith uila ma ka paia sima o ka hale hōʻikeʻike. Hōʻike ʻo Rivian i kēlā me kēia kaʻa ma ke ʻano he kiʻi kālai ʻia e kūʻē i kahi ākea keʻokeʻo nui, me ke ʻano typography nui loa e lilo i mea hoʻolālā hale, a me kahi melemele mahana hoʻokahi e uhaʻi i ka lewa monochromatic, e like me ka lā ma luna o kahi ʻili matte.
- Analogue — Pahu hōʻikeʻike hale hōʻikeʻike ʻeleʻele - lana nā waiwai i ka ʻole
- ddna — ka pahu hōʻikeʻike hale hōʻikeʻike mahana ma luna o ka lole olonā i mālama ʻole ʻia
- Zellerfeld — He hale hana kālai kiʻi ma ke kinikini keʻokeʻo—nā ʻili monolithic o ke kahua, hoʻokahi ʻālohilohi o ka cobalt, kahi hāwanawana o nā leka liʻiliʻi mai ka papahele a i ke kaupaku
- UY Studio — He wahi mālie ka hale hōʻikeʻike pōhaku o ka hale mōneka me nā paia sima, kahi e kū ai nā ʻōmole ʻala ma luna o nā plinths keʻokeʻo, i hoʻomālamalama ʻia e hoʻokahi kukui 400-watt a me ʻehā mau kukui hina mahana.
- Basic.Space — hale hōʻikeʻike mālama hale ma ke kinikini keʻokeʻo
- COS — he hale hōʻikeʻike nani me nā paia keʻokeʻo