Stripe
En regnskabsbog skrevet med indigoblæk på matteret glas
Stripe bruger et næsten monokromt sprog til finansielle instrumenter: et blødt, køligt hvidt lærred med mørkeblå overskrifter, næsten ingen dekorative kromelementer og en enkelt lys indigo (#533afd), der legitimt kunne bruges som en knap, et link eller et ikon. Typografien er usædvanligt tynd med en vægt på 300 punkter – selv ved 56 px – hvilket føles selvsikkert underspillet snarere end overdrevent corporate; bogstavafstanden falder kraftigt med stigende størrelse. Knapperne er små, firkantede (4 px) og bruger lilla fyld eller de tyndeste lilla konturer. Systemet undgår fuldstændigt skygger; dybde opnås ved at ændre baggrundsfarver (hvid → #f8fafd → #e5edf5 → lilla nuancer) snarere end gennem elevation. Hele brugerfladen opfører sig som en regnskabsbog eller en terminal: tæt information, klare linjer, rigelig plads mellem sektioner, og farve vises kun, når en handling er påkrævet.
Den maksimale bredde er ~1320px for en centreret indholdskolonne på et hvidt lærred. Helden er en venstrejusteret tekstblok i fuld størrelse (56px) med to opfordringer til handling nedenunder, intet heltebillede – typografien ER helten. Sektioner er arrangeret lodret med lige store 96px indbindingsmarginer og 1px #e5edf5-skillevægge; der er ingen skiftende mørke/lyse striber. Hver sektion følger et gentagende mønster: en lille sektionstitel med store bogstaver (røget farve, 12px), derefter en overskrift på 32-48px, derefter et afsnit på 22px og derefter et gitter af produktkort (3 kolonner på skrivebordet) eller en tekstblok med 2 kolonner med visuel kunst. Klientlogoer vises i en smal lodret strimmel, venstrejusteret. Sidefoden er én bred #f8fafd-strimmel med links i flere kolonner. Den overordnede rytme er langsom, afmålt og overvejende tekstlig – informationstætheden er lav på trods af den lange rullelængde.
Billedmaterialet er afdæmpet og dokumentarisk. Helsidesbilleder vises kun i afsnit med casestudier (f.eks. luftfotografering af trafik for Hertz), taget ovenfra eller fra dramatiske vinkler, med naturlige farver – ingen duotone- eller farvebehandling. Skærmbilleder af produktets brugergrænseflade bruges i funktionskort, gengivet med skarpe vinkler og klare kanter, uden enhedsrammer. Partnerlogoer vises i deres egne farver, uden nogen beholdere. Der er ingen illustrationer, 3D-gengivelser eller dekorative abstrakte grafiske elementer. Ikonerne er ensartede: linjetykkelse 1, linjetykkelse 2 på en hvid baggrund, med geometrisk stregtegning (vinkler, pile, flueben, dokumentsymboler). Siden består primært af tekst og hvidt område; billeder optager mindre end 3% af det samlede visuelle område.
Palet
Mærke
- Indigo Ink
#533afd— Lilla bruges til udfyldte knapper, valgte navigationstilstande og fokusdrevne konverteringsmomenter. - Indigo Hover
#7389ff— Lilla bruges til at fremhæve links, tags og korte sætninger. Den bør ikke bruges som den primære farve til opfordringer til handling.
Neutral
- Midnight Ink
#061b31— Hovedoverskriften og brødteksten har en dyb, næsten sort farve med et køligt blåt skær, der danner grundlag for hele skrifttypesystemet. - Slate
#64748d— Grå tekst fremhæver links, tags og korte sætninger. - Steel
#50617a— Yderligere tekst og supplerende materiale er placeret mellem skiferfarvede og dæmpede lilla toner, der bruges på underlicenser. - Smoke
#839bc8— Til store dekorative overskrifter og ledsagende tekst anvendes en dæmpet lilla nuance – aldrig i brødtekstafsnit. - Pure White
#ffffff— Sidelærredet og de hævede overflader på kort; standardbaggrunden, som alt andet måles i forhold til. - Mist
#f8fafd— Baggrunden i sidefoden og sektionsdeleren har en diskret, kølig nuance, der adskiller områder uden en synlig kant.
Typografi
fra 12 til 56px · 9 trin
- sohne-var — udskiftning: Inter Tight (variable · konturer 300, 400 · Den eneste skrifttype, der bruges i hele brugerfladen, er til overskrifter, brødtekst, navigation, knapper og etiketter. Vægten på 300 er fremherskende selv ved en skærmstørrelse på 56px, hvilket er et karakteristisk træk: overskrifter hvisker snarere end råber og etablerer autoritet gennem tilbageholdenhed snarere end lydstyrke. Vægten på 400 vises kun ved 14-16px til navigation og knaptekst, hvor et ekstra streg er nødvendigt for læsbarhed i mindre størrelser.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | rummelig |
| Grundlæggende trin | 8px |
| Knapradius | 4px |
| Kortradius | 4px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 96px |
| Sidebredde | 1320px |
AI vil bygge din hjemmeside i Stripe -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Ui — klinisk plan på mat papir
- monopo saigon — En flydende, iriserende glød bag den redaktionelle stilhed – et monokromt redaktionelt galleri, der flyder på smeltet lys
- Ventriloc — Et redaktionelt observatorium af data på varmt papir - en enkelt orange glød fremhæver den monokrome præcision
- Hyer Aviation — Skumring i cockpittet over pergament. Den blege daggryhimmel møder det flykroppe-store serif-logo, og en enkelt varm ler-accent bryder den monokrome tilbageholdenhed.
- Family — Et opslag fra et eventyr på flødepergament
- OFF+BRAND. — Iriserende kugle på varmt pergament
- Geniestudio — En blød notesbog med dagslys – den slags med brede margener og et tykt pennestrøg
- xAI — Varm Creme Lab med Sort Pille
- Seed — en levende organisme under laboratorieglas
- Cosmos — En gallerivæg beklædt med linned og hængt op med Polaroid-motiver
- Cal — Monokrom praktisk sans, en menneskelig tilgang. Et system, der prioriterer klarhed og funktionalitet gennem en streng sort-hvid palet, men blødgør den op med venlig typografi og afrundede former.
- T1 Energy — En tegning af et produktionsanlæg på varmt pergament er en stille, monokrom scene, hvor industriel skala og subtil typografi legemliggør hele brandet.