Stripe
Akwụkwọ akaụntụ e ji ink indigo dee n'elu iko oyi kpọnwụrụ akpọnwụ
Stripe na-eji asụsụ dị ka monochrome eme ihe maka ngwa ego: ákwà ọcha dị nro, oyi nke nwere isi anụnụ anụnụ gbara ọchịchịrị, ihe fọrọ nke nta ka ọ bụrụ enweghị ihe ịchọ mma chrome, na otu indigo na-egbuke egbuke (#533afd) nke enwere ike iji dịka bọtịnụ, njikọ, ma ọ bụ akara ngosi. Ụdị ihe osise ahụ dị oke mkpa, yana ibu isi 300 - ọbụlagodi na 56px - nke na-adị ka ihe a na-anaghị akọwapụta nke ọma kama ịbụ nke a na-anaghị akọwapụta nke ọma; oghere mkpụrụedemede na-ebelata nke ukwuu ka nha na-abawanye. Bọtịnụ dị obere, square (4px), ma jiri ihe mejupụtara odo odo ma ọ bụ ihe osise odo odo kacha dị gịrịgịrị. Sistemụ ahụ na-ezere onyinyo kpamkpam; a na-enweta omimi site na ịgbanwe agba ndabere (ọcha → #f8fafd → #e5edf5 → agba odo odo), kama site na elu. Ọdịdị ahụ dum na-akpa àgwà dị ka akwụkwọ ndekọ ego ma ọ bụ njedebe: ozi dị oke, ahịrị doro anya, oghere zuru oke n'etiti ngalaba, na agba na-apụta naanị mgbe achọrọ ihe omume.
Obosara kachasị bụ ~1320px maka kọlụm ọdịnaya etiti na kanvas ọcha. Dike ahụ bụ blọk ederede kwụ ọtọ n'aka ekpe na nha zuru oke (56px) yana oku abụọ maka ime ihe n'okpuru, enweghị onyonyo dike - akara edemede bụ dike ahụ. A na-ahazi ngalaba ndị ahụ n'usoro kwụ ọtọ na gutters 96px hà nhata na nkewa 1px #e5edf5; enweghị eriri gbara ọchịchịrị/ọkụ na-agbanwe agbanwe. Nkebi ọ bụla na-agbaso usoro ugboro ugboro: obere aha ngalaba na okpu niile (agba anwụrụ ọkụ, 12px), wee isi okwu 32-48px, wee paragraf 22px, wee grid nke kaadị ngwaahịa (kọlụm 3 na desktọpụ) ma ọ bụ blọk ederede kọlụm 2 nwere nka anya. Akara ndị ahịa na-apụta na mpempe kwụ ọtọ dị warara, nke a na-ahazi aka ekpe. Ala ala bụ otu mpempe #f8fafd sara mbara nwere ndepụta njikọ dị iche iche. Usoro dum dị nwayọ, a tụrụ, ma bụrụ nke ederede - njupụta ozi dị ala, n'agbanyeghị ogologo mpịgharị ogologo.
Foto ndị a bụ nke a na-ejigide ma na-egosi ihe nkiri. Foto ndị zuru ezu na-apụta naanị na ngalaba ndị nwere ọmụmụ ihe (dịka ọmụmaatụ, foto okporo ụzọ ikuku maka Hertz), nke e sere site n'elu ma ọ bụ n'akụkụ dị egwu, na-eji agba ndị sitere n'okike—enweghị nhazi duotone ma ọ bụ agba. A na-eji ihuenyo nke interface onye ọrụ nke ngwaahịa ahụ n'ime kaadị atụmatụ, nke e ji akụkụ dị nkọ na ókèala doro anya mee, na-enweghị okpokolo agba ngwaọrụ. A na-egosi akara ngosi ndị mmekọ n'agba nke ha, na-enweghị akpa ọ bụla. Enweghị ihe osise, ihe ngosi 3D, ma ọ bụ ihe osise mara mma. Akara ngosi ndị ahụ yiri ibe ha: ibu ahịrị 1, ibu ahịrị 2 na ndabere ọcha, yana nka ahịrị geometric (chevrons, akụ, akara nlele, akara akwụkwọ). Peeji ahụ nwere isi ihe ederede na oghere ọcha; onyonyo ndị ahụ na-eru ihe na-erughị 3% nke mpaghara anya niile.
Paletị
Akara
- Indigo Ink
#533afd— A na-eji odo odo eme ihe maka bọtịnụ ndị e juru eju, ọnọdụ igodo ahọpụtara, na oge mgbanwe nke lekwasịrị anya. - Indigo Hover
#7389ff— A na-eji odo odo eme ka njikọ, mkpado, na obere ahịrịokwu pụta ìhè. Ekwesighi iji ya dị ka agba bụ isi maka oku maka ihe omume.
Na-anọpụ iche
- Midnight Ink
#061b31— Isi okwu na ederede ahụ bụ agba miri emi, fọrọ nke nta ka ọ bụrụ oji nwere agba anụnụ anụnụ dị jụụ, nke na-eje ozi dị ka ntọala maka sistemụ mkpụrụedemede dum. - Slate
#64748d— Ederede isi awọ na-egosipụta njikọ, mkpado, na obere ahịrịokwu. - Steel
#50617a— Ederede ndị ọzọ na ihe nkwado dị n'etiti slate na ụda odo odo a na-eji na obere akwụkwọ ikike. - Smoke
#839bc8— Maka isi ihe ịchọ mma buru ibu na ederede na-eso ya, a na-eji agba odo odo gbara ọchịchịrị - ọ bụghị na paragraf ahụ. - Pure White
#ffffff— Ihe osise ibe na elu elu nke kaadị; ndabere ndabara nke a na-atụ ihe ndị ọzọ niile. - Mist
#f8fafd— Ihe e ji kewaa akụkụ dị n'okpuru ala na nkewa bụ agba dị nro nke na-ekewa ebe ndị na-enweghị ókèala a na-ahụ anya.
Ụdị edemede
site na 12 ruo 56px · Nzọụkwụ 9
- sohne-var — nnọchi: Inter Tight (variable · ihe nhazi 300, 400 · Naanị mkpụrụedemede e ji mee ihe na interface ahụ dum bụ maka isi okwu, ederede ahụ, ịnyagharịa, bọtịnụ, na akara. Ibu 300 ahụ na-adị elu ọbụlagodi na nha ihuenyo nke 56px, nke bụ ihe pụrụ iche: isi okwu na-ada ụda kama iti mkpu, na-eme ka ikike guzosie ike site na njide kama olu. Ibu 400 ahụ na-apụta naanị na 14–16px maka ịnyagharịa na ederede bọtịnụ, ebe achọrọ mmegharị ọzọ maka ịgụ ihe na obere nha.
Oge na ụdị
| Ebumnuche | Ihe ọ pụtara |
|---|---|
| Njupụta | sara mbara |
| Nzọụkwụ bụ isi | 8px |
| Redịọs bọtịnụ | 4px |
| Redịọs kaadị | 4px |
| Onyinyo | mba - ókèala kama onyinyo |
| N'etiti ngalaba | 96px |
| Obosara ibe | 1320px |
AI ga-ewulite weebụsaịtị gị n'ụdị Stripe 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
- Ui — atụmatụ ahụike na akwụkwọ matte
- monopo saigon — Mmiri mmiri na-enwu enwu n'azụ mkpọtụ nke ndị nchịkọta akụkọ—ụlọ ngosi ihe nkiri nchịkọta akụkọ monochrome na-ese n'elu ìhè gbazere agbaze
- Ventriloc — Ihe nchịkọta akụkọ nke data na akwụkwọ ọkụ - otu ember oroma na-egosipụta nkenke monochrome
- Hyer Aviation — Mgbede n'ime ụlọ ọrụ ụgbọ mmiri ahụ n'elu akwụkwọ akpụkpọ anụ. Eluigwe chi ọbụbọ ahụ na-acha ọcha na-ezute akara serif dị ka fuselage, otu olu ụrọ na-ekpo ọkụ na-agbajikwa ihe mgbochi monochrome.
- Family — Akụkọ sitere na akụkọ ifo na akwụkwọ ude
- OFF+BRAND. — Oghere na-enwu enwu n'elu akwụkwọ nri na-ekpo ọkụ
- Geniestudio — Akwụkwọ ndetu dị nro nke ehihie—ụdị ya nwere akụkụ sara mbara na otu mkpịsị akwụkwọ dị arọ
- xAI — Ụlọ nyocha ude ọkụ nwere mkpụrụ ọgwụ ojii
- Seed — ihe dị ndụ n'okpuru iko ụlọ nyocha
- Cosmos — Mgbidi ụlọ ngosi ihe ngosi nke e ji ákwà linin kpuchie ma jiri Polaroids kwụchie ya
- Cal — Ihe dị mfe ime n'otu ihe, ụzọ mmadụ si eme ya. Usoro nke na-ebute ụzọ n'ịkọwapụta ihe na ịrụ ọrụ nke ọma site na iji palette ojii na ọcha siri ike, mana na-eme ka ọ dị nro site na iji ụdị ederede enyi na enyi na ọdịdị gbara gburugburu.
- T1 Energy — Ihe osise nke ebe mmepụta ihe n'elu akwụkwọ akpụkpọ anụ na-ekpo ọkụ bụ ebe dị jụụ, nke dị ka monochrome ebe nhazi ụlọ ọrụ mmepụta ihe na ụdị edemede dị nro na-egosipụta akara ahụ dum.