Stripe
Konta grāmata, kas rakstīta ar indigo tinti uz matēta stikla
Stripe finanšu instrumentiem izmanto gandrīz vienkrāsainu valodu: maigu, vēsu baltu audeklu ar tumši ziliem virsrakstiem, gandrīz bez dekoratīviem hroma elementiem un vienu spilgtu indigo krāsu (#533afd), ko varētu izmantot kā pogu, saiti vai ikonas kontūru. Tipogrāfija ir ārkārtīgi plāna, ar 300 punktu svaru — pat ar 56 pikseļiem —, kas šķiet pārliecinoši neuzkrītošs, nevis pārāk korporatīvs; burtu atstarpe strauji samazinās, palielinoties izmēram. Pogas ir mazas, kvadrātveida (4 pikseļi) un izmanto violetus aizpildījumus vai visplānākās violetās kontūras. Sistēma pilnībā izvairās no ēnām; dziļums tiek panākts, mainot fona toņus (balts → #f8fafd → #e5edf5 → violeti toņi), nevis ar augstumu. Visa saskarne darbojas kā grāmatvedības virsgrāmata vai terminālis: blīva informācija, skaidras līnijas, pietiekama atstarpe starp sadaļām, un krāsa parādās tikai tad, kad nepieciešama darbība.
Maksimālais platums centrētai satura kolonnai uz balta audekla ir ~1320 pikseļi. Galvenais elements ir pa kreisi izlīdzināts teksta bloks pilna izmēra (56 pikseļi) ar diviem aicinājumiem uz darbību zem tā, bez galvenā attēla — tipogrāfija IR galvenais elements. Sadaļas ir izvietotas vertikāli ar vienādiem 96 pikseļu iecirkņiem un 1 pikseļa #e5edf5 atdalītājiem; nav pārmaiņus tumšu/gaišu svītru. Katra sadaļa atbilst atkārtotam modelim: neliels sadaļas nosaukums ar lielajiem burtiem (dūmakaina krāsa, 12 pikseļi), tad 32–48 pikseļu virsraksts, tad 22 pikseļu rindkopa, tad produktu karšu režģis (3 kolonnas darbvirsmas versijā) vai 2 kolonnu teksta bloks ar vizuālo mākslu. Klientu logotipi tiek parādīti šaurā vertikālā joslā, pa kreisi izlīdzināti. Kājene ir viena plata #f8fafd josla ar vairāku kolonnu saišu sarakstiem. Kopējais ritms ir lēns, pārsvarā tekstuāls — informācijas blīvums ir zems, neskatoties uz lielo ritināšanas garumu.
Attēli ir atturīgi un dokumentālā stilā. Pilnas lapas fotoattēli parādās tikai sadaļās ar gadījumu izpētes piemēriem (piemēram, Hertz gaisa satiksmes fotografēšana), uzņemti no augšas vai dramatiskos leņķos, izmantojot dabiskas krāsas — bez divtoņu vai krāsu apstrādes. Produkta lietotāja saskarnes ekrānuzņēmumi tiek izmantoti funkciju kartītēs, atveidoti ar asiem leņķiem un skaidrām apmalēm, bez ierīču rāmjiem. Partneru logotipi tiek attēloti to krāsās, bez jebkādiem konteineriem. Nav ilustrāciju, 3D renderējumu vai dekoratīvu abstraktu grafisko elementu. Ikonas ir vienādas: līnijas biezums 1, līnijas biezums 2 uz balta fona ar ģeometrisku līniju zīmējumu (ševroni, bultiņas, atzīmes, dokumentu simboli). Lapa galvenokārt sastāv no teksta un baltas vietas; attēli aizņem mazāk nekā 3% no kopējā vizuālā laukuma.
Palete
Zīmols
- Indigo Ink
#533afd— Violeta krāsa tiek izmantota aizpildītām pogām, atlasītiem navigācijas stāvokļiem un fokusa vadītiem konversijas momentiem. - Indigo Hover
#7389ff— Violeta krāsa tiek izmantota, lai izceltu saites, tagus un īsas frāzes. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību.
Neitrāls
- Midnight Ink
#061b31— Galvenais virsraksts un pamatteksts ir dziļā, gandrīz melnā krāsā ar vēsu zilu nokrāsu, kas kalpo par pamatu visai fontu sistēmai. - Slate
#64748d— Pelēks teksts iezīmē saites, tagus un īsas frāzes. - Steel
#50617a— Papildu teksts un atbalsta materiāli ir novietoti starp šīfera un klusinātiem violetiem toņiem, kas izmantoti apakšlicencēs. - Smoke
#839bc8— Lieliem dekoratīviem virsrakstiem un tiem pievienotajam tekstam tiek izmantota klusināta violeta nokrāsa — nekad pamatteksta rindkopās. - Pure White
#ffffff— Lapas audekls un kāršu reljefās virsmas; noklusējuma fons, pret kuru tiek mērīts viss pārējais. - Mist
#f8fafd— Kājenes fons un sadaļu atdalītājs ir neuzkrītoši vēsā tonī, kas atdala apgabalus bez redzamas robežas.
Tipogrāfija
no 12 līdz 56 pikseļiem · 9 soļi
- sohne-var — nomaiņa: Inter Tight (variable · kontūras 300, 400 · Vienīgais fonts, kas tiek izmantots visā saskarnē, ir virsrakstiem, pamatteksta, navigācijas, pogu un etiķešu fontam. 300 pikseļi ir svarīgi pat tad, ja ekrāna izmērs ir 56 pikseļi, kas ir atšķirīga iezīme: virsraksti čukst, nevis kliedz, tādējādi nosakot autoritāti ar atturību, nevis skaļumu. 400 pikseļi ir svarīgi navigācijas un pogu tekstam tikai 14–16 pikseļos, kur mazākos izmēros salasāmības nodrošināšanai ir nepieciešams papildu vilkums.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | plašs |
| Pamata solis | 8px |
| Pogas rādiuss | 4px |
| Kartes rādiuss | 4px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 96px |
| Lapas platums | 1320px |
Mākslīgais intelekts izveidos jūsu vietni Stripe stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Ui — klīniskais plāns uz matēta papīra
- monopo saigon — Šķidrs, zaigojošs mirdzums aiz redakcijas klusuma — melnbalta redakcijas galerija, kas peld uz izkusušas gaismas
- Ventriloc — Redakcijas datu observatorija uz silta papīra — viena oranža ogle, kas izceļ melnbalto precizitāti
- Hyer Aviation — Krēsla kabīnē virs pergamenta. Bālās rītausmas debesis satiekas ar fizelāžas lieluma serif logotipu, un viens silts māla akcents pārtrauc melnbalto atturību.
- Family — Pasakas izkārtojums uz krēmkrāsas pergamenta
- OFF+BRAND. — Zaigojoša sfēra uz silta pergamenta
- Geniestudio — Mīksta dienasgaismas piezīmju grāmatiņa — tāda, kurai ir platas malas un viens resns rakstāmspalvas triepiens
- xAI — Siltā krēma laboratorija ar melnu tableti
- Seed — dzīvs organisms zem laboratorijas stikla
- Cosmos — Galerijas siena, kas izklāta ar linu un piekārta ar Polaroid fotogrāfijām
- Cal — Vienkrāsains praktiskums, cilvēciska pieeja. Sistēma, kas piešķir prioritāti skaidrībai un funkcionalitātei, izmantojot stingru melnbaltu paleti, bet mīkstina to ar draudzīgu tipogrāfiju un noapaļotām formām.
- T1 Energy — Ražotnes zīmējums uz silta pergamenta ir klusa, vienkrāsaina aina, kurā industriāls mērogs un smalka tipogrāfija iemieso visu zīmolu.