
Stripe
Računovodstvena knjiga ispisana indigo tintom na matiranom staklu
Stripe koristi gotovo monokromatski jezik za financijske instrumente: meko, hladno bijelo platno s tamnoplavim naslovima, gotovo bez ukrasnih kromiranih elemenata i jednom svijetlom indigo bojom (#533afd) koja bi se legitimno mogla koristiti kao obris gumba, poveznice 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. Gumbi su mali, kvadratni (4px) i koriste ljubičaste ispune ili najtanje ljubičaste obrise. Sustav potpuno izbjegava sjene; dubina se postiže promjenom nijansi pozadine (bijela → #f8fafd → #e5edf5 → ljubičaste nijanse), a ne elevacijom. Cijelo sučelje ponaša se poput računovodstvene knjige ili terminala: guste informacije, jasne linije, dovoljno prostora između odjeljaka, a boja se pojavljuje samo kada je potrebna radnja.
Maksimalna širina je ~1320px za centriran stupac 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 JE glavni element. Odjeljci su raspoređeni okomito s jednakim žljebovima od 96px i razdjelnicima od 1px #e5edf5; nema naizmjeničnih tamnih/svijetlih pruga. Svaki odjeljak slijedi ponavljajući uzorak: mali naslov odjeljka velikim slovima (dimna boja, 12px), zatim naslov od 32-48px, zatim odlomak od 22px, zatim mreža kartica proizvoda (3 stupca na računalu) ili blok teksta s 2 stupca s vizualnom umjetnošću. Logotipi klijenata pojavljuju se u uskoj okomitoj traci, poravnati lijevo. Podnožje je jedna široka #f8fafd traka s višestupnim popisima poveznica. Ukupni ritam je spor, odmjeren i pretežno tekstualan - gustoća informacija je niska, unatoč dugoj duljini pomicanja.
Slike su suzdržane i dokumentarnog stila. Fotografije preko cijele stranice pojavljuju se samo u odjeljcima koji prikazuju studije slučaja (npr. zračna prometna fotografija za Hertz), snimljene odozgo ili pod dramatičnim kutovima, korištenjem prirodnih boja - bez dvobojne obrade ili obrade boja. Snimke zaslona korisničkog sučelja proizvoda koriste se unutar kartica značajki, prikazane s oštrim kutovima 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 sastoji uglavnom od teksta i bijelog prostora; slike zauzimaju manje od 3% ukupne vizualne površine.
Paleta
Robna marka
- Indigo Ink
#533afd— Ljubičasta se koristi za ispunjene gumbe, odabrana stanja navigacije i trenutke konverzije vođene fokusom. - Indigo Hover
#7389ff— Ljubičasta se koristi za isticanje poveznica, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Midnight Ink
#061b31— Glavni naslov i tijelo teksta su duboke, gotovo crne boje s hladnom plavom nijansom, koja služi kao osnova za cijeli sustav fontova. - Slate
#64748d— Sivi tekst ističe poveznice, oznake i kratke fraze. - Steel
#50617a— Dodatni tekst i prateći materijali smješteni su između tonova škriljevca i prigušenih ljubičastih tonova korištenih na podlicencijama. - Smoke
#839bc8— Za velike ukrasne naslove i popratni tekst koristi se prigušena ljubičasta nijansa - nikada u odlomcima tijela. - Pure White
#ffffff— Platno stranice i podignute površine kartica; zadana pozadina u odnosu na koju se sve ostalo mjeri. - Mist
#f8fafd— Pozadina podnožja i razdjelnik odjeljaka 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 sučelju je za naslove, tekst tijela, navigaciju, gumbe i oznake. Debljina od 300 prevladava čak i na veličini zaslona od 56px, što je karakteristična značajka: naslovi šapuću umjesto da viču, uspostavljajući autoritet suzdržanošću, a ne glasnoćom. Debljina od 400 pojavljuje se samo na 14–16px za navigaciju i tekst gumba, gdje je dodatni potez potreban za čitljivost pri manjim veličinama.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prostran |
| Osnovni korak | 8px |
| Radijus gumba | 4px |
| Radijus kartice | 4px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 96px |
| Širina stranice | 1320px |
Umjetna inteligencija će izraditi vašu web stranicu u Stripe stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Ui — klinički plan na mat papiru
- monopo saigon — Tekući, prelijevajući se sjaj iza uredničke tišine - monokromatska urednička galerija koja lebdi na rastopljenom svjetlu
- Ventriloc — Urednički opservatorij podataka na toplom papiru - jedan narančasti žar koji ističe monokromatsku preciznost
- Hyer Aviation — Sumrak u kokpitu nad pergamentom. Blijedo nebo zore susreće se sa serifnim logotipom veličine trupa, a jedan topli glineni naglasak prekida monokromatsku suzdržanost.
- Family — Namaz iz bajke na kremastom pergamentu
- OFF+BRAND. — Iridescentna kugla na toplom pergamentu
- Geniestudio — Mekani bilježnica za dnevno svjetlo - ona sa širokim marginama i jednim debelim potezom pera
- xAI — Topla krema Lab s crnom tabletom
- Seed — živi organizam pod laboratorijskim staklom
- Cosmos — Zid galerije obložen lanom i ukrašen polaroidnim slikama
- Cal — Monokromatska praktičnost, ljudski pristup. Sustav 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 tiha je, monokromatska scena u kojoj industrijska skala i suptilna tipografija utjelovljuju cijeli brend.