Stripe
Un libru di conti scrittu in inchiostru indaco nantu à vetru smerigliatu
Stripe usa un linguaghju guasi monocromu per i strumenti finanziarii: una tela bianca dolce è fresca cù intestazioni turchine scure, guasi nisun elementu cromatu decorativu, è un unicu indaco brillanti (#533afd) chì puderia esse legittimamente adupratu cum'è un buttone, un ligame o un contornu d'icona. A tipografia hè eccezziunalmente fina, cù un pesu di 300 punti - ancu à 56px - chì si sente cun fiducia discretu piuttostu chè apertamente corporativu; a spaziatura di e lettere diminuisce bruscamente cù l'aumentu di a dimensione. I buttoni sò chjuchi, quadrati (4px) è utilizanu riempimenti viola o i contorni viola più fini. U sistema evita cumpletamente l'ombre; a prufundità hè ottenuta cambiendu e tonalità di fondu (biancu → #f8fafd → #e5edf5 → tonalità viola), piuttostu chè per elevazione. L'intera interfaccia si cumporta cum'è un registru contabile o un terminale: informazioni dense, linee chjare, ampiu spaziu trà e sezioni, è u culore appare solu quandu hè necessaria un'azione.
A larghezza massima hè ~1320px per una colonna di cuntenutu centrata nantu à una tela bianca. L'eroe hè un bloccu di testu allinatu à manca à dimensione piena (56px) cù duie chjame à l'azzione sottu, senza imagine eroe - a tipografia HÈ l'eroe. E sezioni sò disposte verticalmente cù grondaie uguali di 96px è divisori di 1px #e5edf5; ùn ci sò micca strisce scure/chiare alternate. Ogni sezione seguita un mudellu ripetutu: un picculu titulu di sezione in maiuscule (culore fumé, 12px), poi un titulu di 32-48px, poi un paràgrafu di 22px, poi una griglia di carte di prudutti (3 colonne nantu à u desktop) o un bloccu di testu di 2 colonne cù arte visuale. I loghi di i clienti appariscenu in una stretta striscia verticale, allinata à manca. U pede di pagina hè una larga striscia #f8fafd cù elenchi di ligami à più colonne. U ritmu generale hè lentu, misuratu è prevalentemente testuale - a densità di l'infurmazione hè bassa, malgradu a longa lunghezza di scorrimentu.
L'imaghjini sò discrete è di stile documentariu. E foto à pagina piena cumpariscenu solu in e sezzioni chì presentanu studii di casi (per esempiu, fotografia di trafficu aereu per Hertz), scattate da sopra o à anguli drammatici, utilizendu culori naturali - senza duotoni o trasfurmazioni di culori. E schermate di l'interfaccia utente di u pruduttu sò aduprate in e carte di funzione, rese cù anguli netti è bordi chjari, senza cornici di dispositivi. I loghi di i partenarii sò visualizati in i so culori, senza alcun contenitore. Ùn ci sò illustrazioni, rendering 3D o elementi grafichi astratti decorativi. L'icone sò uniformi: spessore di linea 1, spessore di linea 2 nantu à un fondu biancu, cù arte di linea geometrica (chevron, frecce, segni di spunta, simboli di documenti). A pagina hè custituita principalmente da testu è spaziu biancu; l'imaghjini occupanu menu di u 3% di l'area visuale tutale.
Paletta
Marca
- Indigo Ink
#533afd— U viulettu hè adupratu per i buttoni pieni, i stati di navigazione selezziunati è i mumenti di cunversione basati nantu à u focus. - Indigo Hover
#7389ff— U viulettu hè adupratu per mette in risaltu i ligami, i tag è e frasi corte. Ùn deve esse adupratu cum'è culore primariu per e chjame à l'azzione.
Neutru
- Midnight Ink
#061b31— U tìtulu principale è u testu di u corpu sò di un culore prufondu, guasi neru, cù una tinta turchina fresca, chì serve da basa per tuttu u sistema di caratteri. - Slate
#64748d— U testu grisgiu mette in risaltu i ligami, i tag è e frasi corte. - Steel
#50617a— Testu supplementariu è materiali di supportu sò pusizionati trà i toni ardesia è viola tenui utilizati nantu à e sottolicenze. - Smoke
#839bc8— Per i tituli decorativi di grande dimensione è u testu accumpagnante, si usa una tonalità viola tenue - mai in i paragrafi di u corpu. - Pure White
#ffffff— A tela di a pagina è e superfici rialzate di e carte; u sfondate predefinitu contr'à u quale tuttu u restu hè misuratu. - Mist
#f8fafd— U fondu di u piè di pagina è u divisore di sezzione sò una tonalità fresca è sottile chì separa e zone senza un bordu visibile.
Tipografia
da 12 à 56px · 9 passi
- sohne-var — rimpiazzamentu: Inter Tight (variable · contorni 300, 400 · L'unicu caratteru utilizatu in tutta l'interfaccia hè per i tituli, u testu di u corpu, a navigazione, i buttoni è l'etichette. U pesu 300 prevale ancu à una dimensione di schermu di 56px, chì hè una caratteristica distintiva: i tituli sussurranu piuttostu chè gridà, stabilendu l'autorità per mezu di a moderazione piuttostu chè di u vulume. U pesu 400 appare solu à 14-16px per a navigazione è u testu di i buttoni, induve hè necessariu un trattu supplementu per a leggibilità à dimensioni più chjuche.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | spaziosu |
| Passu basicu | 8px |
| Raggiu di u buttone | 4px |
| Raggiu di a carta | 4px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 96px |
| Larghezza di a pagina | 1320px |
L'IA custruisce u vostru situ web in stile Stripe è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Ui — pianu clinicu nantu à carta opaca
- monopo saigon — Un bagliore liquidu è iridescente daretu à u silenziu editoriale - una galeria editoriale monocromatica chì fluttua nantu à a luce fusa
- Ventriloc — Un osservatoriu editoriale di dati nantu à carta calda - una sola brace aranciu chì mette in risaltu a precisione monocromatica
- Hyer Aviation — Crepusculu in a cabina di pilotaggio sopra à a pergamena. U celu pallidu di l'alba incontra u logu serif di a dimensione di a fusoliera, è un unicu accentu d'argilla calda rompe a moderazione monocromatica.
- Family — Una stesura da una fiaba nantu à pergamena crema
- OFF+BRAND. — Sfera iridescente nantu à pergamena calda
- Geniestudio — Un quaderno morbidu di ghjornu - u tipu cù margini larghi è un colpu di penna grossu
- xAI — Laboratoriu di Crema Calda cù Pillula Nera
- Seed — un urganisimu vivu sottu à u vetru di laburatoriu
- Cosmos — Una parete di galleria rivestita di linu è appesa cù Polaroid
- Cal — Praticità monocromatica, un approcciu umanu. Un sistema chì dà priorità à a chiarezza è a funziunalità attraversu una paleta stretta in biancu è neru, ma l'addulcisce cù una tipografia amichevule è forme arrotondate.
- T1 Energy — Un disegnu di un stabilimentu di pruduzzione nantu à una pergamena calda hè una scena tranquilla è monocromatica induve a scala industriale è a tipografia suttile incarnanu tutta a marca.