Stripe
Yon liv kont ki ekri ak lank digo sou vè glase
Stripe itilize yon langaj prèske monokrom pou enstriman finansye: yon twal blan mou, fre ak tit ble fonse, prèske pa gen okenn eleman chrome dekoratif, ak yon sèl koulè digo klere (#533afd) ki ta ka lejitimeman itilize kòm yon bouton, yon lyen, oswa yon kontou ikòn. Tipografi a eksepsyonèlman mens, ak yon pwa 300 pwen—menm nan 56px—ki santi l senp olye ke li ouvètman antrepriz; espasman lèt yo diminye rapidman lè gwosè a ogmante. Bouton yo piti, kare (4px), epi yo itilize ranpli koulè mov oswa kontou koulè mov ki pi mens yo. Sistèm nan evite lonbraj nèt; pwofondè a reyalize lè yo chanje koulè background yo (blan → #f8fafd → #e5edf5 → koulè mov), olye ke atravè elevasyon. Tout koòdone a konpòte li tankou yon liv kontablite oswa yon tèminal: enfòmasyon dans, liy klè, ase espas ant seksyon yo, epi koulè parèt sèlman lè yon aksyon nesesè.
Lajè maksimòm lan se ~1320px pou yon kolòn kontni santre sou yon twal blan. Ewo a se yon blòk tèks aliyen agoch nan gwosè konplè (56px) ak de apèl a aksyon anba, pa gen imaj ewo a—tipografi a SE ewo a. Seksyon yo ranje vètikalman ak liy goutyè 96px egal ak divizyon 1px #e5edf5; pa gen okenn bann nwa/klere altène. Chak seksyon swiv yon modèl repete: yon ti tit seksyon an majiskil (koulè lafimen, 12px), answit yon tit 32-48px, answit yon paragraf 22px, answit yon griy kat pwodwi (3 kolòn sou òdinatè) oswa yon blòk tèks 2 kolòn ak atizay vizyèl. Logo kliyan yo parèt nan yon bann vètikal etwat, aliyen agoch. Pye paj la se yon bann #f8fafd laj ak lis lyen plizyè kolòn. Ritm jeneral la ralanti, mezire, epi majorite tèks—dansite enfòmasyon an ba, malgre longè defile a long.
Imaj yo senp epi yo sanble ak yon dokimantè. Foto ki pran tout paj yo parèt sèlman nan seksyon ki prezante etid ka yo (pa egzanp, fotografi trafik ayeryen pou Hertz), yo pran anlè oswa nan ang dramatik, avèk koulè natirèl—san duoton oswa tretman koulè. Yo itilize ekran koòdone itilizatè pwodwi a nan kat karakteristik yo, yo rann ak ang byen file ak fwontyè klè, san ankadreman aparèy. Logo patnè yo parèt nan pwòp koulè pa yo, san okenn resipyan. Pa gen okenn ilistrasyon, rann 3D, oswa eleman grafik abstrè dekoratif. Ikòn yo inifòm: epesè liy 1, epesè liy 2 sou yon fon blan, avèk desen liy jewometrik (chevron, flèch, mak chèk, senbòl dokiman). Paj la konsiste prensipalman de tèks ak espas blan; imaj yo okipe mwens pase 3% nan sifas vizyèl total la.
Palèt
Mak
- Indigo Ink
#533afd— Yo itilize koulè mov pou bouton plen, eta navigasyon chwazi, ak moman konvèsyon ki baze sou konsantrasyon. - Indigo Hover
#7389ff— Yo itilize koulè mov pou mete aksan sou lyen, etikèt, ak fraz kout. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon.
Netral
- Midnight Ink
#061b31— Tit prensipal la ak kò tèks la se yon koulè fonse, prèske nwa ak yon ti ble fre, ki sèvi kòm baz pou tout sistèm polis la. - Slate
#64748d— Tèks gri a mete aksan sou lyen, etikèt ak fraz kout. - Steel
#50617a— Tèks adisyonèl ak materyèl sipò yo pozisyone ant ton ardoise ak ton mov mou yo ki itilize sou sou-lisans yo. - Smoke
#839bc8— Pou gwo tit dekoratif ak tèks ki akonpaye yo, yo itilize yon koulè mov ki pa twò fonse - pa janm nan paragraf kò yo. - Pure White
#ffffff— Kanva paj la ak sifas kat yo ki an relief; background pa defo a avèk ki yo mezire tout lòt bagay yo. - Mist
#f8fafd— Fon pye paj la ak divizè seksyon an se yon koulè fre sibtil ki separe zòn ki pa gen yon fwontyè vizib.
Tipografi
soti nan 12 pou rive nan 56px · 9 etap
- sohne-var — ranplasman: Inter Tight (variable · plan 300, 400 · Sèl font ki itilize nan tout koòdone a se pou tit yo, kò tèks la, navigasyon an, bouton yo, ak etikèt yo. Pwa 300 la toujou prezan menm nan yon gwosè ekran 56px, ki se yon karakteristik diferan: tit yo chuichui olye yo rele byen fò, etabli otorite atravè moderasyon olye de volim. Pwa 400 la parèt sèlman nan 14–16px pou navigasyon ak tèks bouton yo, kote yon tras anplis nesesè pou lizibilite nan gwosè ki pi piti yo.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | espasye |
| Etap debaz | 8px |
| Reyon bouton | 4px |
| Reyon kat | 4px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 96px |
| Lajè paj la | 1320px |
IA ap bati sit entènèt ou a nan style Stripe epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Ui — plan klinik sou papye mat
- monopo saigon — Yon limyè likid, iridesan dèyè silans editoryal la—yon galeri editoryal monokrom k ap flote sou limyè fonn
- Ventriloc — Yon obsèvatwa editoryal done sou papye cho - yon sèl ti flanm zoranj ki mete aksan sou presizyon monokrom lan
- Hyer Aviation — Krepuskil nan kokpit la sou parchemin. Syèl pal douvanjou a rankontre logo serif gwosè fuselage la, epi yon sèl aksan ajil cho kraze kontrent monokrom lan.
- Family — Yon paj ki soti nan yon istwa fe sou parchemin krèm
- OFF+BRAND. — Esfè iridesan sou parchemin cho
- Geniestudio — Yon kaye ki mou pou lajounen—kalite ki gen maj laj ak yon sèl kou plim epè
- xAI — Krèm cho pou laboratwa ak grenn nwa
- Seed — yon òganis vivan anba vit laboratwa
- Cosmos — Yon miray galeri aliyen ak twal fin blan epi pandye ak foto Polaroid.
- Cal — Pratik monokrom, yon apwòch imen. Yon sistèm ki priyorize klète ak fonksyonalite atravè yon palèt nwa ak blan strik, men ki adousi li ak tipografi amikal ak fòm awondi.
- T1 Energy — Yon desen yon etablisman pwodiksyon sou parchemin cho se yon sèn trankil, monokrom kote echèl endistriyèl ak tipografi sibtil enkòpore tout mak la.