Stripe
Një libër llogarish i shkruar me bojë indigo mbi xham të akullt
Stripe përdor një gjuhë pothuajse monokrome për instrumentet financiare: një kanavacë e bardhë e butë dhe e ftohtë me tituj blu të errët, pothuajse asnjë element dekorativ kromi dhe një ngjyrë të vetme indigo të ndritshme (#533afd) që mund të përdoret legjitimisht si një skicë butoni, lidhjeje ose ikone. Tipografia është jashtëzakonisht e hollë, me një peshë prej 300 pikësh - madje edhe në 56px - e cila ndihet e nënvlerësuar me besim sesa tepër korporative; hapësira midis shkronjave zvogëlohet ndjeshëm me rritjen e madhësisë. Butonat janë të vegjël, katrorë (4px) dhe përdorin mbushje vjollcë ose skicat më të holla vjollcë. Sistemi shmang plotësisht hijet; thellësia arrihet përmes ndryshimit të nuancave të sfondit (e bardhë → #f8fafd → #e5edf5 → nuanca vjollcë), në vend që përmes ngritjes. I gjithë ndërfaqja sillet si një regjistër kontabël ose një terminal: informacion i dendur, vija të qarta, hapësirë e bollshme midis seksioneve dhe ngjyra shfaqet vetëm kur kërkohet një veprim.
Gjerësia maksimale është ~1320px për një kolonë përmbajtjeje të përqendruar në një kanavacë të bardhë. Heroi është një bllok teksti i rreshtuar majtas në madhësi të plotë (56px) me dy thirrje për veprim më poshtë, pa imazh heroi - tipografia ËSHTË heroi. Seksionet janë të rregulluara vertikalisht me ndarje të barabarta prej 96px dhe ndarës #e5edf5 1px; nuk ka vija alternative të errëta/të çelëta. Çdo seksion ndjek një model përsëritës: një titull i vogël seksioni me shkronja të mëdha (ngjyrë e tymosur, 12px), pastaj një titull 32-48px, pastaj një paragraf 22px, pastaj një rrjetë kartash produktesh (3 kolona në desktop) ose një bllok teksti me 2 kolona me art vizual. Logot e klientëve shfaqen në një shirit të ngushtë vertikal, të rreshtuar majtas. Fundi i faqes është një shirit i gjerë #f8fafd me lista shumëkolonëshe lidhjesh. Ritmi i përgjithshëm është i ngadaltë, i matur dhe kryesisht tekstual - dendësia e informacionit është e ulët, pavarësisht gjatësisë së gjatë të rrotullimit.
Imazhet janë të përmbajtura dhe në stil dokumentar. Fotot me faqe të plotë shfaqen vetëm në seksione që paraqesin studime rastesh (p.sh., fotografi të trafikut ajror për Hertz), të shkrepura nga lart ose në kënde dramatike, duke përdorur ngjyra natyrale - pa përpunim dysh ose ngjyrash. Pamjet e ekranit të ndërfaqes së përdoruesit të produktit përdoren brenda kartave të veçorive, të paraqitura me kënde të mprehta dhe kufij të qartë, pa korniza pajisjesh. Logot e partnerëve shfaqen në ngjyrat e tyre, pa asnjë enë. Nuk ka ilustrime, paraqitje 3D ose elementë grafikë dekorativë abstraktë. Ikonat janë uniforme: trashësia e vijës 1, trashësia e vijës 2 në një sfond të bardhë, me art gjeometrik të vijës (shevrone, shigjeta, shenja kontrolli, simbole dokumenti). Faqja përbëhet kryesisht nga teksti dhe hapësira e bardhë; imazhet zënë më pak se 3% të sipërfaqes totale vizuale.
Paletë
Markë
- Indigo Ink
#533afd— Ngjyra vjollcë përdoret për butonat e mbushur, gjendjet e zgjedhura të navigimit dhe momentet e konvertimit të drejtuara nga fokusi. - Indigo Hover
#7389ff— Vjollca përdoret për të nxjerrë në pah lidhjet, etiketat dhe frazat e shkurtra. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim.
Neutral
- Midnight Ink
#061b31— Titulli kryesor dhe teksti i trupit janë të një ngjyre të thellë, pothuajse të zezë, me një nuancë blu të ftohtë, e cila shërben si bazë për të gjithë sistemin e shkronjave. - Slate
#64748d— Teksti gri nxjerr në pah lidhjet, etiketat dhe frazat e shkurtra. - Steel
#50617a— Teksti shtesë dhe materialet mbështetëse janë pozicionuar midis toneve të argjilës dhe toneve të zbehta vjollcë të përdorura në nënlicenca. - Smoke
#839bc8— Për tituj të mëdhenj dekorativë dhe tekst shoqërues, përdoret një nuancë vjollce e zbehtë - kurrë në paragrafët e trupit. - Pure White
#ffffff— Kanavaca e faqes dhe sipërfaqet e ngritura të kartave; sfondi i parazgjedhur kundrejt të cilit matet gjithçka tjetër. - Mist
#f8fafd— Sfondi i fundit të faqes dhe ndarësi i seksionit kanë një nuancë delikate të ftohtë që ndan zonat pa një kufi të dukshëm.
Tipografi
nga 12 në 56px · 9 hapa
- sohne-var — zëvendësim: Inter Tight (variable · skica 300, 400 · I vetmi font i përdorur në të gjithë ndërfaqen është për titujt, tekstin e trupit, navigimin, butonat dhe etiketat. Pesha 300 mbizotëron edhe në një madhësi ekrani prej 56 pikselësh, që është një tipar dallues: titujt pëshpërisin në vend që të bërtasin, duke vendosur autoritet përmes përmbajtjes në vend të volumit. Pesha 400 shfaqet vetëm në 14–16 pikselë për navigimin dhe tekstin e butonave, ku kërkohet një vijë shtesë për lexueshmëri në madhësi më të vogla.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i gjerë |
| Hapi bazë | 8px |
| Rrezja e butonit | 4px |
| Rrezja e kartës | 4px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 96px |
| Gjerësia e faqes | 1320px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Stripe dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Ui — plan klinik në letër mat
- monopo saigon — Një shkëlqim i lëngshëm, iridescent pas heshtjes editoriale - një galeri editoriale monokrome që noton mbi dritën e shkrirë.
- Ventriloc — Një vëzhgim editorial i të dhënave në letër të ngrohtë - një prush i vetëm portokalli që nxjerr në pah saktësinë monokrome
- Hyer Aviation — Muzg në kabinën e pilotit mbi pergamenë. Qielli i zbehtë i agimit takohet me logon serif me madhësinë e trupit të avionit, dhe një theks i vetëm i ngrohtë prej balte thyen përmbajtjen monokrome.
- Family — Një përhapje nga një përrallë në pergamenë kremi
- OFF+BRAND. — Sferë ylberore në pergamenë të ngrohtë
- Geniestudio — Një fletore e butë në dritën e ditës - lloji me kufij të gjerë dhe një vijë të trashë stilolapsi
- xAI — Laboratori i Kremit të Ngrohtë me Pilulë të Zezë
- Seed — një organizëm i gjallë nën xham laboratori
- Cosmos — Një mur galerie i veshur me liri dhe i varur me foto Polaroid
- Cal — Prakticiteti monokrom, një qasje njerëzore. Një sistem që i jep përparësi qartësisë dhe funksionalitetit përmes një palete të rreptë bardh e zi, por e zbut atë me tipografi miqësore dhe forma të rrumbullakosura.
- T1 Energy — Një vizatim i një objekti prodhimi në pergamenë të ngrohtë është një skenë e qetë, monokrome, ku shkalla industriale dhe tipografia delikate mishërojnë të gjithë markën.