Stripe
En regnskapsbok skrevet med indigoblekk på frostet glass
Stripe bruker et nesten monokromt språk for finansielle instrumenter: et mykt, kjølig hvitt lerret med mørkeblå overskrifter, nesten ingen dekorative kromelementer og en enkelt lys indigo (#533afd) som med rette kan brukes som en knapp-, lenke- eller ikonomriss. Typografien er usedvanlig tynn, med en vekt på 300 poeng – selv på 56 piksler – noe som føles selvsikkert nedtonet snarere enn åpenlyst korporativt; bokstavavstanden avtar kraftig med økende størrelse. Knappene er små, firkantede (4 piksler) og bruker lilla fyll eller de tynneste lilla omrissene. Systemet unngår skygger fullstendig; dybde oppnås ved å endre bakgrunnsfarger (hvit → #f8fafd → #e5edf5 → lilla fargetoner), snarere enn gjennom forhøyning. Hele grensesnittet oppfører seg som en regnskapsbok eller en terminal: tett informasjon, klare linjer, god plass mellom seksjoner, og farge vises bare når en handling er nødvendig.
Maksimal bredde er ~1320 piksler for en sentrert innholdskolonne på et hvitt lerret. Heltbildet er en venstrejustert tekstblokk i full størrelse (56 piksler) med to handlingsfremmende oppfordringer nedenfor, uten heltbilde – typografien ER helten. Seksjoner er ordnet vertikalt med like 96 piksler innbindingsmarginer og 1 piksel #e5edf5-skillere; det er ingen vekslende mørke/lyse striper. Hver seksjon følger et gjentakende mønster: en liten seksjonstittel med store bokstaver (røykfarget, 12 piksler), deretter en overskrift på 32–48 piksler, deretter et avsnitt på 22 piksler, deretter et rutenett med produktkort (3 kolonner på skrivebordet) eller en tekstblokk med 2 kolonner med visuell kunst. Klientlogoer vises i en smal vertikal stripe, venstrejustert. Bunnteksten er én bred #f8fafd-stripe med lister over lenker med flere kolonner. Den overordnede rytmen er langsom, avmålt og overveiende tekstlig – informasjonstettheten er lav, til tross for den lange rullelengden.
Bildene er avdæmpet og i dokumentarisk stil. Helsides bilder vises bare i seksjoner med casestudier (f.eks. luftfoto av trafikk for Hertz), tatt ovenfra eller fra dramatiske vinkler, med naturlige farger – ingen duotone- eller fargebehandling. Skjermbilder av produktets brukergrensesnitt brukes i funksjonskort, gjengitt med skarpe vinkler og tydelige rammer, uten enhetsrammer. Partnerlogoer vises i sine egne farger, uten noen beholdere. Det er ingen illustrasjoner, 3D-gjengivelser eller dekorative abstrakte grafiske elementer. Ikonene er ensartede: linjetykkelse 1, linjetykkelse 2 på hvit bakgrunn, med geometrisk linjekunst (vinkler, piler, hakemerker, dokumentsymboler). Siden består hovedsakelig av tekst og hvitt område; bilder opptar mindre enn 3 % av det totale visuelle arealet.
Palett
Merke
- Indigo Ink
#533afd— Lilla brukes til fylte knapper, valgte navigasjonstilstander og fokusdrevne konverteringsmomenter. - Indigo Hover
#7389ff— Lilla brukes til å fremheve lenker, tagger og korte fraser. Den bør ikke brukes som primærfarge for handlingsfremmende oppfordringer.
Nøytral
- Midnight Ink
#061b31— Hovedoverskriften og brødteksten har en dyp, nesten svart farge med et kjølig blått skjær, som fungerer som grunnlag for hele skriftsystemet. - Slate
#64748d— Grå tekst fremhever lenker, tagger og korte fraser. - Steel
#50617a— Ytterligere tekst og støttemateriell er plassert mellom skiferfargede og dempede lillatonene som brukes på underlisenser. - Smoke
#839bc8— For store dekorative overskrifter og tilhørende tekst brukes en dempet lilla fargetone – aldri i brødtekstavsnitt. - Pure White
#ffffff— Lerretet og de hevede flatene på kortene; standardbakgrunnen som alt annet måles mot. - Mist
#f8fafd— Bunntekstens bakgrunn og seksjonsdeleren har en diskré, kjølig nyanse som skiller områder uten en synlig kant.
Typografi
fra 12 til 56 piksler · 9 trinn
- sohne-var — erstatning: Inter Tight (variable · omriss 300, 400 · Den eneste skrifttypen som brukes i hele grensesnittet er for overskrifter, brødtekst, navigasjon, knapper og etiketter. Vekten på 300 gjelder selv med en skjermstørrelse på 56 piksler, noe som er et særegent trekk: overskrifter hvisker i stedet for å rope, og etablerer autoritet gjennom tilbakeholdenhet snarere enn volum. Vekten på 400 vises bare ved 14–16 piksler for navigasjon og knappetekst, hvor et ekstra strøk er nødvendig for lesbarhet i mindre størrelser.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 8px |
| Knapperadius | 4px |
| Kortradius | 4px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1320px |
AI vil bygge nettstedet ditt i Stripe -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Ui — klinisk plan på matt papir
- monopo saigon — En flytende, iriserende glød bak den redaksjonelle stillheten – et monokromt redaksjonelt galleri som flyter på smeltet lys
- Ventriloc — Et redaksjonelt observatorium for data på varmt papir – en enkelt oransje glør som fremhever den monokrome presisjonen
- Hyer Aviation — Skumring i cockpiten over pergament. Den bleke daggryhimmelen møter den flykroppsstore serif-logoen, og en enkel varm leireaksent bryter den monokrome tilbakeholdenheten.
- Family — Et oppslag fra et eventyr på krempergament
- OFF+BRAND. — Iriserende kule på varmt pergament
- Geniestudio — En myk dagslysnotatbok – typen med brede marger og ett tykt pennestrøk
- xAI — Varm kremlaboratorium med svart pille
- Seed — en levende organisme under laboratorieglass
- Cosmos — En gallerivegg kledd med lin og hengt med Polaroid-bilder
- Cal — Monokrom praktisk sans, en menneskelig tilnærming. Et system som prioriterer klarhet og funksjonalitet gjennom en streng svart-hvitt-palett, men myker den opp med vennlig typografi og avrundede former.
- T1 Energy — En tegning av et produksjonsanlegg på varmt pergament er en stille, monokrom scene der industriell skala og subtil typografi legemliggjør hele merkevaren.