Peak Design
Paia hale hōʻikeʻike, hoʻomālamalama hapa ʻia
He ʻike kālepa maikaʻi ʻo Peak Design: he canvas kokoke i ka monochrome kahi e hana ai ka typography hoʻoponopono a me ke kiʻi huahana i nā hana āpau. Hoʻololi ka ʻōnaehana i nā ʻili keʻokeʻo ʻoi me nā panela hohonu, kokoke i ka ʻeleʻele, e hana ana i nā hoʻonohonoho māhele kupaianaha kahi i kau ʻia ai kahi poʻo inoa serif ma kahi ʻano italic ma kekahi ʻaoʻao a me kahi huahana piha a i ʻole kiʻi nohona ma kekahi ʻaoʻao. ʻO ka typography ka leo nui o ka brand: kahi ʻano serif kiʻekiʻe, pōkole, hoʻonaninani (ma ke ʻano o Exposure) no nā poʻo inoa, i hui pū ʻia me kahi ʻano grotesque kūlike ʻole (Geist) no ka interface mea hoʻohana, a me kahi ʻano sans-serif pōkole (bryant) no ka leka, nā kuʻemaka, a me nā pihi. Noho maʻemaʻe ka interface: ʻaʻohe mea UI chromatic, ʻaʻohe gradients hoʻonaninani, ʻaʻohe aka - nā palena maalea wale nō, ʻelua radii kihi (4 a me 8), a me kahi leo ʻulaʻula hoʻokahi i hoʻohana ʻia i kekahi manawa no ka hoʻoikaika ʻana. ʻIke ʻia nā ʻāpana he noʻonoʻo ma mua o ka hoʻonaninani: nā mea hoʻokaʻawale lahilahi, nā kāleka huahana pālahalaha, nā kānana ʻano pila, a me nā pihi ʻike ʻole ʻia e like me nā annotation hoʻolālā.
Hoʻololi nā ʻāpana ʻaoʻao piha-ākea ma waena o ke keʻokeʻo a me ka aneane ʻeleʻele; noho kēlā me kēia ʻāpana i ka laulā o ka viewport holoʻokoʻa, me ka ʻole o ka palena laulā kiʻekiʻe loa ma ka pae ʻāpana. ʻO ka laulā kiʻekiʻe loa o ka ʻike i loko o nā ʻāpana he ~1440px a ua kikowaena ʻia. ʻO ke ʻano poʻomanaʻo nui he māhele 50/50: kahi poloka kikokikona (kele pūnaewele + poʻomanaʻo + kikokikona liʻiliʻi + pihi) ma kekahi ʻaoʻao, a me kahi huahana piha-ākea a kiʻi nohona ma kekahi ʻaoʻao. Ma lalo o ka pelu, hoʻohana ka grid huahana i ʻehā kolamu o nā kāleka huahana like-ākea me nā ʻauwaha nui o 24-32px. Hoʻonoho ʻia nā panela kānana mahele ma lalo pono o ka hoʻokele nui ma kahi lālani ākea o "nā pila." Ho'ākāka ʻia ke ʻano o nā ʻāpana e ka hoʻololi ʻana i nā kaha māmā/ʻeleʻele me ka indentation 80px vertical ma waena o nā ʻāpana, e hana ana i kahi ʻano makasina hoʻoponopono. ʻO ka hoʻokele he pā luna paʻa me kahi kaha hoʻolaha lahilahi ma luna.
ʻO ke kiʻi huahana ka mea i hoʻomalu ʻia e ka ʻōlelo ʻike: ua kiʻi ʻia nā ʻeke, nā kāʻei, a me nā lako kāmela e kūʻē i kahi hope keʻokeʻo maʻemaʻe, me ka ʻole o ke ʻano o ke ola o kēlā me kēia lā, me ke kukui e hōʻike ana i ke ʻano o ka mea a me nā kikoʻī o ka lako. ʻIke ʻia nā kiʻi o kēlā me kēia lā ma nā ʻāpana hoʻoponopono piha piha (no ka laʻana, nā lima e paʻa ana i nā kāmela i loko o kahi pōʻai) a noho i ka laulā holoʻokoʻa o ka viewport ma kekahi ʻaoʻao o ka panela i māhele ʻia. ʻAʻohe radius kihi o nā kiʻi ma ke kiʻi nui (ua like lākou me nā kihi), a ʻaʻohe radius kihi ma ke kiʻi kāleka. ʻAʻohe kiʻi, ʻaʻohe kiʻi abstract, ʻaʻohe kiʻi ikona ʻē aʻe ma mua o nā ikona UI hana. ʻO ka huahana ke kikowaena—nā kiʻi paʻi kiʻi studio, me nā kihi kūlike, ke kukui kūlike, a me kahi hope keʻokeʻo kūlike—ʻoiai e mae ana ka UI i ke kua, e ʻae ana i nā mea e ʻōlelo no lākou iho.
Paleta
Kūlike ʻole
- Carbon Ink
#1a211e— Kikokikona kino, nā ʻaoʻao ʻeleʻele, ke kikokikona kino, nā ikona, nā mōlina ma nā ʻili māmā - kahi waihoʻoluʻu kokoke i ka ʻeleʻele e lawelawe ana ma ke ʻano he kumu no kēlā me kēia poʻomanaʻo a hana i nā panela hope ʻeleʻele o nā ʻāpana i māhele ʻia. - Paper White
#ffffff— He ʻili māmā e kākoʻo ana no ka hana ʻana i kahi hope huna a me ka hoʻokaʻawale ʻana i nā ʻāpana. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no ke kāhea ʻana i ka hana. - True Black
#000000— ʻO nā mea me ke ʻano ʻokoʻa loa—ka hoʻopiha poʻomanaʻo ma kahi hope keʻokeʻo, ka pā hoʻolaha, ka hoʻolālā footer, nā kiʻi paʻa—e kau ʻia ma kahi e pono ai ka hoʻolālā i nā laina maopopo loa. - Obsidian
#0c0c0c— ʻO nā ʻili panela hohonu a me nā uhi kiʻi - palupalu iki ma mua o ka ʻeleʻele maoli, hoʻohana ʻia no nā wahi ʻeleʻele e noho ana i ka ʻili holoʻokoʻa o ka pale a pono e paʻa akā ʻaʻole ʻoʻoleʻa e like me ka ʻeleʻele pālahalaha. - Fog
#eef1f0— He ʻili māmā e kākoʻo ana no ka hana ʻana i kahi hope huna a me ka hoʻokaʻawale ʻana i nā ʻāpana. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no ke kāhea ʻana i ka hana. - Mist
#e0e0e0— Nā laina hoʻokaʻawale, nā kūlana kīnā, nā mea hoʻokaʻawale kūkulu maalea - he kala hina waena-māmā e wehewehe ana i nā palena ma waena o nā ʻāpana ma kahi canvas keʻokeʻo.
Palapala hoʻopili
mai 14 a i 80px · 6 mau ʻanuʻu
- Geist — pani: Inter · nā hoʻolālā 400, 600, 700 · Kikokikona nui, nā inoa huahana, nā wehewehe ʻana, nā kahua palapala, ka loulou loulou, a me ka ʻike footer. Kaumaha o ka hua palapala: 400 no ka kikokikona nui, 600 no nā mea koʻikoʻi, a me 700 no nā inoa huahana a me nā memo koʻikoʻi inline. ʻAe ka hua palapala Grotesque kūlike ʻole i nā hua palapala Display Serif a me Condensed Sans e hōʻike i ke ʻano o ka brand, ʻoiai ʻo Geist e hāʻawi i ka hana a me ka heluhelu ʻana.
- Exposure-style serif (Exposure-10) — pani: Playfair Display · nā hoʻolālā 400 · Nā poʻomanaʻo nui a me nā poʻomanaʻo nui. ʻO kahi kaumaha hoʻokahi (400) i loko o kahi font serif italic e hoʻokumu i ka mana hoʻoponopono—hoʻonohonoho kēia mau huaʻōlelo i ke ʻano o ka brand, hoʻohana iki ʻia ma nā panela ʻeleʻele e uhi ana i ka laulā holoʻokoʻa o ka ʻaoʻao a ma ka hoʻomaka ʻana o nā ʻāpana koʻikoʻi. ʻO ka hoʻokaʻawale ʻana o nā leka paʻa (-0.025em) e ʻae i nā leka nui e ʻike ʻia he palena ʻia ma mua o ka māmā.
- Bryant-style condensed sans (bryant) — pani: Druk Wide · nā hoʻolālā 700 · Nā lepili hoʻokele, nā pihi kānana mahele, nā kikokikona pihi, nā "kuʻemaka," nā lepili ʻāpana, a me nā poʻomanaʻo hou aʻe. ʻO nā leka nui i hoʻopili ʻia me ka mamao o nā leka maikaʻi e hana i kahi ʻano ʻoihana, e like me ka lepili—ʻo kēia mau huaʻōlelo ke kuhikuhi a kuhikuhi, akā ʻaʻole loa e wehewehe.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | awelika |
| Kaʻanuʻu kumu | 24px |
| Ka radius o ke pihi | 4px |
| Ka laulā o ke kāleka | 8px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 80px |
| Ka laulā o ka ʻaoʻao | 1440px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Peak Design 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
- Arsenijs Fabrica — Ua hōʻike ʻia ka nani kūlohelohe o ka ʻike hoʻoponopono ma lalo o nā kukui o ka hale hōʻikeʻike. ʻO nā paia keʻokeʻo ʻōlinolino o ka hale hōʻikeʻike, hoʻokahi kukui strobe mahana e ʻā ana i ka ʻalani e kūʻē i ke kua monochrome, ʻano aniani lahilahi, a me ka nui o kahi keʻokeʻo.
- 21 TSI — He ʻano ʻulaʻula ʻole, he silhouette hoʻokahi - kahi hoʻoponopono ʻano kiʻekiʻe kahi e hoʻoheheʻe ʻia ai ka interface mea hoʻohana i ka lewa
- Aevi Wellness — ʻAno lāʻau lapaʻau Scandinavian, ʻano kikokiko māmā. Hoʻokaʻawale kahi leo hina-polū mālie i ka hoʻonohonoho holoʻokoʻa achromatic a me ka ea o ka mea hoʻoponopono, kahi i kau ʻia ai nā kiʻi huahana ma luna o nā kāleka i hoʻopuni ʻia me ka lahilahi e kūʻē i kahi hope keʻokeʻo mahana.
- Palmer — He hale hōʻikeʻike keramika i ke ao mālie - hana ʻia ka pilina me ka paia, a he kiʻi nā mea
- PLATFORM — ʻO ka Hale Hōʻikeʻike Kūʻai Keʻokeʻo ma lalo o ke kukui
- Assembly Coffee London — Nā lanahu i loko o kahi hale kālua ʻeleʻele. He canvas kokoke i ka ʻeleʻele me nā kiʻi huahana mehana a mālamalama iki a me nā leka serif cursive—ke ʻano o kahi papa kuhikuhi kofe kūikawā i paʻi ʻia i loko o kahi samizdat o ke aumoe.
- ARTWORLD — Poʻomanaʻo o ka makasina ʻano ma ka lole olonā keʻokeʻo
- Structured — Hale hōʻikeʻike Renaissance ma ka pepa e like me ka plasticine
- Airbnb — He paia hale hōʻikeʻike keʻokeʻo mālie me kahi bookmark ʻulaʻula korala hoʻokahi
- VISIONNAIRE — He hale hōʻikeʻike hoʻoponopono lole alanui ma kahi hope keʻokeʻo ʻōlinolino. Hana ka lama e like me kahi puke nānā i paʻi ʻia: he canvas keʻokeʻo pālahalaha, ka ʻīnika ʻeleʻele ʻōlinolino, a me kahi panela kirīmi mahana hoʻokahi i hoʻohana ʻia ma ke ʻano he poloka kala e hōʻike i kahi huahana a logo paha.
- Letter — He hale hōʻikeʻike pilikino e hōʻike ana i nā mea hana ʻālohilohi mai kahi mālama. He wahi hōʻikeʻike pā ʻeleʻele kahi e lana ai nā poʻo inoa serifed ma luna o nā kiʻi kālai ʻia chrome ma nā paia kala o ka hale hōʻikeʻike.
- Ramp — ʻO ka ʻoihana kālā hoʻoponopono, nā ʻaoʻao ʻeleʻele a keʻokeʻo me kahi māka neon hoʻokahi. ʻO ka ʻili monochrome o ka puke paʻi, kahi e hoʻololi ai kahi kaha lime-ʻōmaʻomaʻo ʻālohilohi i kēlā me kēia launa pū ʻana i hōʻailona kālā.