
Stripe
Računovodstvena knjiga ispisana indigo tintom na matiranom staklu
Stripe koristi gotovo monohromatski jezik za finansijske instrumente: meko, hladno bijelo platno s tamnoplavim naslovima, gotovo bez dekorativnih hromiranih elemenata i jednom svijetlom indigo bojom (#533afd) koja bi se legitimno mogla koristiti kao obris dugmeta, linka ili ikone. Tipografija je izuzetno tanka, s težinom od 300 bodova - čak i na 56px - što djeluje samouvjereno decentno, a ne pretjerano korporativno; razmak između slova naglo se smanjuje s povećanjem veličine. Dugmad su mala, kvadratna (4px) i koriste ljubičaste ispune ili najtanje ljubičaste obrise. Sistem potpuno izbjegava sjene; dubina se postiže promjenom nijansi pozadine (bijela → #f8fafd → #e5edf5 → ljubičaste nijanse), a ne elevacijom. Cijeli interfejs se ponaša kao računovodstvena knjiga ili terminal: guste informacije, jasne linije, dovoljno prostora između odjeljaka, a boja se pojavljuje samo kada je potrebna akcija.
Maksimalna širina je ~1320px za centriranu kolonu sadržaja na bijelom platnu. Glavni element je blok teksta poravnat lijevo u punoj veličini (56px) s dva poziva na akciju ispod, bez slike glavnog elementa - tipografija JESTE glavni element. Odjeljci su raspoređeni vertikalno s jednakim međuprostorima od 96px i razdjelnicima od 1px #e5edf5; nema naizmjeničnih tamnih/svijetlih pruga. Svaki odjeljak prati ponavljajući obrazac: mali naslov odjeljka napisan velikim slovima (dimljena boja, 12px), zatim naslov od 32-48px, zatim paragraf od 22px, pa mreža kartica proizvoda (3 kolone na desktopu) ili blok teksta s 2 kolone s vizualnom umjetnošću. Logotipi klijenata pojavljuju se u uskoj vertikalnoj traci, poravnati lijevo. Podnožje je jedna široka #f8fafd traka s višekolumskim listama linkova. Ukupni ritam je spor, odmjeren i pretežno tekstualan - gustoća informacija je niska, uprkos dugoj dužini skrolovanja.
Slike su suzdržane i u dokumentarnom stilu. Fotografije preko cijele stranice pojavljuju se samo u odjeljcima koji prikazuju studije slučaja (npr. fotografije zračnog prometa za Hertz), snimljene odozgo ili pod dramatičnim uglovima, koristeći prirodne boje - bez dvobojne obrade ili obrade boja. Snimci ekrana korisničkog sučelja proizvoda koriste se unutar kartica s karakteristikama, prikazani s oštrim uglovima i jasnim rubovima, bez okvira uređaja. Logotipi partnera prikazani su u vlastitim bojama, bez ikakvih spremnika. Nema ilustracija, 3D rendera ili dekorativnih apstraktnih grafičkih elemenata. Ikone su ujednačene: debljina linije 1, debljina linije 2 na bijeloj pozadini, s geometrijskom linijskom umjetnošću (ševroni, strelice, kvačice, simboli dokumenata). Stranica se uglavnom sastoji od teksta i bijelog prostora; slike zauzimaju manje od 3% ukupne vizualne površine.
Paleta
Brend
- Indigo Ink
#533afd— Ljubičasta se koristi za ispunjene dugmad, odabrana stanja navigacije i trenutke konverzije vođene fokusom. - Indigo Hover
#7389ff— Ljubičasta se koristi za isticanje linkova, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Midnight Ink
#061b31— Glavni naslov i tekst su duboke, gotovo crne boje s hladnom plavom nijansom, koja služi kao osnova za cijeli sistem fontova. - Slate
#64748d— Sivi tekst ističe linkove, oznake i kratke fraze. - Steel
#50617a— Dodatni tekst i prateći materijali smješteni su između škriljasto sivih i prigušenih ljubičastih tonova korištenih na podlicencama. - Smoke
#839bc8— Za velike ukrasne naslove i prateći tekst koristi se prigušena ljubičasta nijansa - nikada u odlomcima u tijelu teksta. - Pure White
#ffffff— Platno stranice i izdignute površine kartica; zadana pozadina u odnosu na koju se sve ostalo mjeri. - Mist
#f8fafd— Pozadina podnožja i razdjelnik sekcija su suptilne hladne nijanse koja odvaja područja bez vidljive granice.
Tipografija
od 12 do 56px · 9 koraka
- sohne-var — zamjena: Inter Tight (variable · obrisi 300, 400 · Jedini font koji se koristi u cijelom interfejsu je za naslove, tekst, navigaciju, dugmad i oznake. Debljina od 300 prevladava čak i na veličini ekrana od 56px, što je karakteristična karakteristika: naslovi šapuću umjesto da viču, uspostavljajući autoritet kroz suzdržanost, a ne kroz jačinu zvuka. Debljina od 400 pojavljuje se samo na 14–16px za navigaciju i tekst dugmadi, gdje je potreban dodatni potez radi čitljivosti pri manjim veličinama.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus dugmeta | 4px |
| Radijus kartice | 4px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 96px |
| Širina stranice | 1320px |
Vještačka inteligencija će izgraditi vašu web stranicu u Stripe stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Ui — klinički plan na mat papiru
- monopo saigon — Tečni, prelijevajući se sjaj iza uredničke tišine - monohromatska urednička galerija koja lebdi na rastopljenom svjetlu
- Ventriloc — Urednička opservatorija podataka na toplom papiru - jedan narandžasti žar koji ističe monohromatsku preciznost
- Hyer Aviation — Sumrak u kokpitu nad pergamentom. Blijedi zoranski look susreće se sa serifnim logoom veličine trupa, a jedan topli glineni akcenat prekida monohromatsku suzdržanost.
- Family — Namaz iz bajke na krem pergamentu
- OFF+BRAND. — Prelijevajuća sfera na toplom pergamentu
- Geniestudio — Mekana bilježnica za dnevno svjetlo - ona sa širokim marginama i jednim debelim potezom olovke
- xAI — Topla krema Lab s crnom tabletom
- Seed — živi organizam pod laboratorijskim staklom
- Cosmos — Zid galerije obložen lanom i okačen polaroidnim slikama
- Cal — Monohromatska praktičnost, ljudski pristup. Sistem koji daje prioritet jasnoći i funkcionalnosti kroz strogu crno-bijelu paletu, ali je omekšava prijateljskom tipografijom i zaobljenim oblicima.
- T1 Energy — Crtež proizvodnog pogona na toplom pergamentu je tiha, monohromatska scena gdje industrijski razmjer i suptilna tipografija utjelovljuju cijeli brend.