
Stripe
Indigo tindiga mattklaasile kirjutatud raamatupidamisraamat
Stripe kasutab finantsinstrumentide jaoks peaaegu monokroomset keelt: pehme, jahe valge lõuend tumesiniste pealkirjadega, peaaegu ilma dekoratiivsete kroomelementideta ja ühe erksa indigoga (#533afd), mida võiks õigustatult kasutada nupu, lingi või ikooni kontuurina. Tüpograafia on erakordselt õhuke, 300-punktise kaaluga – isegi 56 piksli juures –, mis tundub pigem enesekindlalt tagasihoidlik kui üleolevalt korporatiivne; tähtede vahe väheneb järsult suuruse suurenedes. Nupud on väikesed, ruudukujulised (4 pikslit) ja kasutavad lillasid täiteid või kõige õhemaid lillasid kontuurisid. Süsteem väldib täielikult varje; sügavus saavutatakse taustavärvide muutmise abil (valge → #f8fafd → #e5edf5 → lillad toonid), mitte kõrguse abil. Kogu liides käitub nagu raamatupidamisraamat või terminal: tihe teave, selged jooned, sektsioonide vahel piisavalt ruumi ja värv ilmub ainult siis, kui on vaja toimingut teha.
Tsentreeritud sisuveeru maksimaalne laius valgel lõuendil on ~1320 pikslit. Põhitekst on täissuuruses (56 pikslit) vasakule joondatud tekstiplokk, mille all on kaks kutset tegevusele, ilma põhiteksti pildita – tüpograafia ONgi põhitekst. Sektsioonid on vertikaalselt paigutatud võrdsete 96 piksli suuruste ääriste ja 1 piksli suuruste #e5edf5 eraldajatega; vahelduvaid tumedaid/heledaid triipe pole. Iga sektsioon järgib korduvat mustrit: väike jaotise pealkiri kõikides suurtähtedes (suitsune värv, 12 pikslit), seejärel 32–48 piksli suurune pealkiri, seejärel 22 piksli suurune lõik ja seejärel tootekaartide ruudustik (töölauaversioonis 3 veergu) või kaheveeruline tekstiplokk visuaalse kunstiga. Klientide logod kuvatakse kitsal vertikaalsel ribal, vasakule joondatud. Jalus on üks lai #f8fafd riba mitmeveeruliste linkide loenditega. Üldine rütm on aeglane, mõõdetud ja valdavalt tekstiline – infotihedus on madal, hoolimata pikast kerimispikkusest.
Kujutised on vaoshoitud ja dokumentaalstiilis. Täisleheküljelised fotod ilmuvad ainult juhtumianalüüsidega osades (nt Hertzi õhuliikluse fotograafia), mis on tehtud ülalt või dramaatiliste nurkade alt, kasutades loomulikke värve – ilma kahetoonilise või värvitöötluseta. Toote kasutajaliidese ekraanipilte kasutatakse funktsioonikaartidel, mis on renderdatud teravate nurkade ja selgete ääristega, ilma seadmeraamideta. Partnerite logod kuvatakse oma värvides, ilma igasuguste konteineriteta. Puuduvad illustratsioonid, 3D-renderdused ega dekoratiivsed abstraktsed graafilised elemendid. Ikoonid on ühtsed: joone paksus 1, joone paksus 2 valgel taustal, geomeetrilise joongraafikaga (ševoonid, nooled, linnukesed, dokumendisümbolid). Leht koosneb peamiselt tekstist ja tühjast ruumist; pildid hõlmavad vähem kui 3% kogu visuaalsest pindalast.
Palett
Bränd
- Indigo Ink
#533afd— Lillat värvi kasutatakse täidetud nuppude, valitud navigeerimisolekute ja fookusest tulenevate konversioonimomentide jaoks. - Indigo Hover
#7389ff— Lillat värvi kasutatakse linkide, siltide ja lühikeste fraaside esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina.
Neutraalne
- Midnight Ink
#061b31— Pealkiri ja põhitekst on sügavas, peaaegu mustas värvitoonis jaheda sinise varjundiga, mis on kogu fondisüsteemi aluseks. - Slate
#64748d— Hall tekst tõstab esile linke, silte ja lühikesi fraase. - Steel
#50617a— Lisatekst ja tugimaterjalid on paigutatud alllitsentsidel kasutatavate kiltkivi ja summutatud lillade toonide vahele. - Smoke
#839bc8— Suurte dekoratiivsete pealkirjade ja kaasneva teksti puhul kasutatakse summutatud lillat tooni – mitte kunagi põhitekstis. - Pure White
#ffffff— Lehekülje lõuend ja kaartide reljeefsed pinnad; vaikimisi taust, mille suhtes kõike muud mõõdetakse. - Mist
#f8fafd— Jaluse taust ja sektsioonide eraldaja on õrna jaheda varjundiga, mis eraldab alasid ilma nähtava ääriseta.
Tüpograafia
12-st 56 pikslini · 9 sammu
- sohne-var — asendamine: Inter Tight (variable · kontuurid 300, 400 · Kogu liideses kasutatakse ainult pealkirjade, põhiteksti, navigeerimise, nuppude ja siltide jaoks mõeldud fonti. 300-ne font püsib isegi 56 piksli suuruse ekraani puhul, mis on eristav omadus: pealkirjad pigem sosistavad kui karjuvad, andes autoriteedi pigem vaoshoituse kui helitugevuse kaudu. 400-ne font esineb navigeerimise ja nuppude teksti puhul ainult 14–16 piksli suurusel fontil, kus väiksemate suuruste puhul on loetavuse tagamiseks vaja ühte lisajoont.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | avar |
| Põhisamm | 8px |
| Nupu raadius | 4px |
| Kaardi raadius | 4px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 96px |
| Lehe laius | 1320px |
Tehisintellekt loob teie veebisaidi Stripe stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Ui — kliiniline plaan mattpaberil
- monopo saigon — Vedel, sillerdav kuma toimetuse vaikuse taga – monokroomne toimetuse galerii, mis hõljub sulaval valgusel
- Ventriloc — Toimetuse andmete vaatluskanal soojal paberil - üks oranž sütt, mis rõhutab mustvalget täpsust
- Hyer Aviation — Hämarus kokpitis pärgamendi kohal. Kahvatu koidutaevas kohtub keresuuruse serif-logoga ja üks soe saviaktsent murrab monokroomse vaoshoituse.
- Family — Muinasjutust pärit pilt kreemjal pärgamendil
- OFF+BRAND. — Sillerdav kera soojal pärgamendil
- Geniestudio — Pehme päevavalgusmärkmik – selline, millel on laiad veerised ja üks paks pliiatsitõmme
- xAI — Soe kreemilabor musta tabletiga
- Seed — laboriklaasi all olev elusorganism
- Cosmos — Linasest kangast vooderdatud ja polaroididega riputatud galeriisein
- Cal — Monokroomne praktilisus, inimlik lähenemine. Süsteem, mis seab range mustvalge paleti kaudu esikohale selguse ja funktsionaalsuse, kuid pehmendab seda sõbraliku tüpograafia ja ümarate vormidega.
- T1 Energy — Soojal pärgamendil olev tootmisüksuse joonis on vaikne, monokroomne stseen, kus industriaalne mastaap ja peen tüpograafia kehastavad kogu brändi.