Stripe
He puke moʻokāki i kākau ʻia me ka ʻīnika indigo ma ke aniani hau
Hoʻohana ʻo Stripe i kahi ʻōlelo kokoke i ka monochrome no nā mea kālā: kahi canvas keʻokeʻo palupalu a anuanu me nā poʻo polū ʻeleʻele, ʻaneʻane ʻaʻohe mea chrome hoʻonaninani, a me kahi indigo ʻālohilohi hoʻokahi (#533afd) hiki ke hoʻohana pono ʻia ma ke ʻano he pihi, loulou, a i ʻole ka outline icon. He lahilahi loa ke ʻano typography, me ke kaumaha 300-point—ʻoiai ma 56px—kahi i manaʻo ʻia he haʻahaʻa ma mua o ka hui ʻana; emi nui ka mamao o nā leka me ka hoʻonui ʻana i ka nui. He liʻiliʻi nā pihi, huinahā (4px), a hoʻohana i nā hoʻopiha poni a i ʻole nā outline poni lahilahi loa. Hōʻalo loa ka ʻōnaehana i nā aka; loaʻa ka hohonu ma o ka hoʻololi ʻana i nā kala hope (keʻokeʻo → #f8fafd → #e5edf5 → nā kala poni), ma mua o ke kiʻekiʻe ʻana. Hana ka interface holoʻokoʻa e like me kahi puke helu kālā a i ʻole kahi terminal: ʻike mānoanoa, nā laina maopopo, ka nui o ka hakahaka ma waena o nā ʻāpana, a ʻike ʻia ke kala ke koi ʻia kahi hana.
ʻO ka laulā kiʻekiʻe loa he ~1320px no kahi kolamu ʻike kikowaena ma kahi canvas keʻokeʻo. ʻO ka meʻe he poloka kikokikona i hoʻonohonoho ʻia ma ka hema ma ka nui piha (56px) me ʻelua mau kāhea i ka hana ma lalo, ʻaʻohe kiʻi meʻe—ʻo ke ʻano typography ka meʻe. Hoʻonohonoho ʻia nā ʻāpana i luna me nā ʻauwaha like 96px a me nā mea hoʻokaʻawale 1px #e5edf5; ʻaʻohe kaha pouli/mālamalama e hoʻololi ana. Hahai kēlā me kēia ʻāpana i kahi ʻano hana hou: kahi inoa ʻāpana liʻiliʻi me nā pāpale āpau (kala uahi, 12px), a laila he poʻomanaʻo 32-48px, a laila he paukū 22px, a laila he grid o nā kāleka huahana (3 kolamu ma ka pākaukau) a i ʻole kahi poloka kikokikona 2-kolamu me nā kiʻi ʻike maka. ʻIke ʻia nā logos o ka mea kūʻai aku ma kahi kaha kū pololei haiki, i hoʻonohonoho ʻia ma ka hema. ʻO ka footer he kaha ākea #f8fafd hoʻokahi me nā papa inoa loulou he nui. He lohi ka mele holoʻokoʻa, ana ʻia, a ʻo ka hapa nui he kikokikona—haʻahaʻa ka nui o ka ʻike, ʻoiai ka lōʻihi o ka ʻōwili.
Ua kāohi ʻia ke kiʻi a ua like me ke ʻano palapala. ʻIke ʻia nā kiʻi ʻaoʻao piha ma nā ʻāpana e hōʻike ana i nā hihia haʻawina (e laʻa, ke kiʻi ʻana i nā kaʻa lele no Hertz), i pana ʻia mai luna a i ʻole ma nā kihi keaka, me ka hoʻohana ʻana i nā kala kūlohelohe—ʻaʻohe duotone a i ʻole ka hana kala. Hoʻohana ʻia nā kiʻi o ka ʻaoʻao mea hoʻohana o ka huahana i loko o nā kāleka hiʻona, i hōʻike ʻia me nā kihi ʻoi a me nā palena maopopo, me ka ʻole o nā mōlina hāmeʻa. Hōʻike ʻia nā logo hoa i ko lākou mau kala ponoʻī, me ka ʻole o nā pahu. ʻAʻohe kiʻi, nā kiʻi 3D, a i ʻole nā mea kiʻi abstract hoʻonaninani. He like nā ikona: kaumaha laina 1, kaumaha laina 2 ma kahi hope keʻokeʻo, me nā kiʻi laina geometric (chevrons, pua, checkmarks, hōʻailona palapala). ʻO ka ʻaoʻao ka mea nui o ka kikokikona a me kahi keʻokeʻo; noho nā kiʻi ma lalo o 3% o ka huina o ka ʻāpana ʻike.
Paleta
Lama
- Indigo Ink
#533afd— Hoʻohana ʻia ka poni no nā pihi i hoʻopiha ʻia, nā kūlana hoʻokele i koho ʻia, a me nā manawa hoʻololi i hoʻokele ʻia e ka nānā ʻana. - Indigo Hover
#7389ff— Hoʻohana ʻia ka poni e hōʻike i nā loulou, nā lepili, a me nā māmalaʻōlelo pōkole. ʻAʻole pono e hoʻohana ʻia ma ke ʻano he kala mua no nā kāhea i ka hana.
Kūlike ʻole
- Midnight Ink
#061b31— ʻO ke poʻo inoa nui a me ke kino o ka kikokikona he waihoʻoluʻu hohonu, kokoke i ka ʻeleʻele me kahi ʻōuli polū anuanu, ka mea e lawelawe ai ma ke ʻano he kumu no ka ʻōnaehana font holoʻokoʻa. - Slate
#64748d— Hōʻike ka kikokikona hina i nā loulou, nā lepili, a me nā māmalaʻōlelo pōkole. - Steel
#50617a— Ua kau ʻia nā kikokikona hou a me nā mea kākoʻo ma waena o ka papa pōhaku a me nā leo poni mālie i hoʻohana ʻia ma nā sublicenses. - Smoke
#839bc8— No nā poʻo inoa hoʻonaninani nui a me nā kikokikona e hele pū ana me ia, hoʻohana ʻia kahi aka poni mālie - ʻaʻole loa i loko o nā paukū kino. - Pure White
#ffffff— ʻO ka canvas ʻaoʻao a me nā ʻili i hāpai ʻia o nā kāleka; ke kua paʻamau kahi e ana ʻia ai nā mea ʻē aʻe a pau. - Mist
#f8fafd— He aka anuanu a lahilahi ke kua o ka footer a me ka mea hoʻokaʻawale ʻāpana e hoʻokaʻawale ana i nā wahi me ka ʻole o kahi palena ʻike ʻia.
Palapala hoʻopili
mai 12 a i 56px · 9 mau ʻanuʻu
- sohne-var — pani: Inter Tight (variable · nā hoʻolālā 300, 400 · ʻO ke kinona hua wale nō i hoʻohana ʻia ma ka ʻaoʻao holoʻokoʻa no nā poʻomanaʻo, ke kino kikokikona, ka hoʻokele, nā pihi, a me nā lepili. ʻO ke kaumaha 300 ka mea e lanakila ai ma ka nui o ka pale o 56px, he hiʻohiʻona ʻokoʻa ia: hāwanawana nā poʻomanaʻo ma mua o ka hoʻōho ʻana, e hoʻokumu ana i ka mana ma o ke kāohi ʻana ma mua o ka leo. ʻIke wale ʻia ke kaumaha 400 ma 14-16px no ka hoʻokele a me ke kikokikona pihi, kahi e pono ai kahi hahau hou no ka heluhelu ʻana i nā nui liʻiliʻi.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | ākea |
| Kaʻanuʻu kumu | 8px |
| Ka radius o ke pihi | 4px |
| Ka laulā o ke kāleka | 4px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 96px |
| Ka laulā o ka ʻaoʻao | 1320px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano Stripe 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
- Ui — hoʻolālā lapaʻau ma ka pepa matte
- monopo saigon — He ʻālohilohi wai, ʻālohilohi ma hope o ka noho mālie hoʻoponopono—he hale hōʻikeʻike hoʻoponopono monochrome e lana ana ma luna o ke kukui heheʻe
- Ventriloc — He hale nānā hoʻoponopono o ka ʻikepili ma ka pepa mahana - hoʻokahi ʻōpuʻu ʻalani e hōʻike ana i ka pololei monochrome
- Hyer Aviation — Napoʻo ka lā i loko o ke keʻena mokulele ma luna o ka pepa ʻili. Hālāwai ka lani wanaʻao māmā me ka logo serif nui o ka fuselage, a ua uhaʻi kahi leo lepo mahana hoʻokahi i ke kāohi monochrome.
- Family — He pālahalaha mai kahi moʻolelo kaʻao ma ka pepa kirīmi
- OFF+BRAND. — He poepoe ʻālohilohi ma luna o ka pepa mehana
- Geniestudio — He puke liʻiliʻi palupalu no ke ao—ʻo ke ʻano me nā palena ākea a me hoʻokahi kaha peni mānoanoa
- xAI — Keʻena Hoʻokolohua Kirīmi Mahana me ka Pila ʻEleʻele
- Seed — he mea ola ma lalo o ke aniani o ka hale hana
- Cosmos — He paia hale hōʻikeʻike i hoʻopaʻa ʻia me ka lole olonā a kau ʻia me nā Polaroids
- Cal — ʻO ka pono monochrome, kahi ʻano kanaka. He ʻōnaehana e hoʻokau mua ana i ka maopopo a me ka hana ma o kahi palette ʻeleʻele a keʻokeʻo paʻa, akā hoʻomālielie iā ia me ka typography aloha a me nā kinona poepoe.
- T1 Energy — ʻO ke kiʻi o kahi hale hana ma luna o ka pepa mehana he hiʻohiʻona mālie a monochrome kahi e hoʻokomo ai ka pae ʻoihana a me ka typography maalea i ka brand holoʻokoʻa.