Stripe
Un registru de conturi scris cu cerneală indigo pe sticlă mată
Stripe folosește un limbaj aproape monocrom pentru instrumentele financiare: o pânză albă, moale și rece, cu titluri albastru închis, aproape fără elemente cromate decorative și un singur indigo strălucitor (#533afd) care ar putea fi folosit în mod legitim ca buton, link sau contur de pictogramă. Tipografia este excepțional de subțire, cu o greutate de 300 de puncte - chiar și la 56px - ceea ce pare discretă, mai degrabă decât evident corporativă; spațierea literelor scade brusc odată cu creșterea dimensiunii. Butoanele sunt mici, pătrate (4px) și folosesc umpluturi violet sau cele mai subțiri contururi violet. Sistemul evită complet umbrele; adâncimea se obține prin schimbarea nuanțelor de fundal (alb → #f8fafd → #e5edf5 → nuanțe violet), mai degrabă decât prin elevație. Întreaga interfață se comportă ca un registru contabil sau un terminal: informații dense, linii clare, spațiu amplu între secțiuni, iar culoarea apare doar atunci când este necesară o acțiune.
Lățimea maximă este de ~1320px pentru o coloană de conținut centrată pe o pânză albă. Elementul principal este un bloc de text aliniat la stânga la dimensiune completă (56px) cu două îndemnuri la acțiune dedesubt, fără imagine principală - tipografia ESTE elementul principal. Secțiunile sunt aranjate vertical cu margini egale de 96px și separatoare de 1px #e5edf5; nu există dungi alternante întunecate/luminoase. Fiecare secțiune urmează un model repetitiv: un titlu mic de secțiune, scris cu majuscule (culoare fumurie, 12px), apoi un titlu de 32-48px, apoi un paragraf de 22px, apoi o grilă de fișe de produs (3 coloane pe desktop) sau un bloc de text pe 2 coloane cu artă vizuală. Logo-urile clienților apar într-o bandă verticală îngustă, aliniată la stânga. Subsolul este o bandă lată #f8fafd cu liste de linkuri pe mai multe coloane. Ritmul general este lent, măsurat și predominant textual - densitatea informațiilor este scăzută, în ciuda lungimii lungimii de derulare.
Imaginile sunt restrânse și în stil documentar. Fotografiile pe o pagină întreagă apar doar în secțiunile care prezintă studii de caz (de exemplu, fotografii din traficul aerian pentru Hertz), realizate de sus sau din unghiuri dramatice, folosind culori naturale - fără bicrom sau procesare a culorilor. Capturi de ecran ale interfeței cu utilizatorul produsului sunt utilizate în cadrul fișelor de caracteristici, redate cu unghiuri ascuțite și margini clare, fără cadre pentru dispozitive. Logo-urile partenerilor sunt afișate în culorile lor proprii, fără containere. Nu există ilustrații, randări 3D sau elemente grafice abstracte decorative. Pictogramele sunt uniforme: grosimea liniei 1, grosimea liniei 2 pe fundal alb, cu desene geometrice cu linii (chevroane, săgeți, bife, simboluri pentru documente). Pagina este formată în principal din text și spațiu alb; imaginile ocupă mai puțin de 3% din suprafața vizuală totală.
Paletă
Marca
- Indigo Ink
#533afd— Movul este folosit pentru butoanele umplute, stările de navigare selectate și momentele de conversie bazate pe focuri. - Indigo Hover
#7389ff— Movul este folosit pentru a evidenția linkuri, etichete și fraze scurte. Nu ar trebui folosit ca și culoare principală pentru îndemnuri la acțiune.
Neutru
- Midnight Ink
#061b31— Titlul principal și corpul textului sunt de o culoare închisă, aproape neagră, cu o nuanță albastră rece, care servește drept bază pentru întregul sistem de fonturi. - Slate
#64748d— Textul gri evidențiază linkuri, etichete și expresii scurte. - Steel
#50617a— Text suplimentar și materiale justificative sunt poziționate între tonurile de ardezie și violet estompat utilizate în sublicențe. - Smoke
#839bc8— Pentru titlurile decorative mari și textul însoțitor, se folosește o nuanță estompată de violet - niciodată în paragrafele din corp. - Pure White
#ffffff— Pânza paginii și suprafețele în relief ale cărților; fundalul implicit în raport cu care se măsoară tot restul. - Mist
#f8fafd— Fundalul subsolului și separatorul de secțiuni au o nuanță subtilă și rece, care separă zonele fără o bordură vizibilă.
Tipografie
de la 12 la 56px · 9 pași
- sohne-var — înlocuire: Inter Tight (variable · contururi 300, 400 · Singurul font folosit în întreaga interfață este pentru titluri, text, navigare, butoane și etichete. Grosimea de 300 predomină chiar și la o dimensiune a ecranului de 56px, ceea ce este o caracteristică distinctivă: titlurile șoptesc în loc să strige, stabilind autoritatea prin reținere mai degrabă decât prin volum. Grosimea de 400 apare doar la 14–16px pentru navigare și textul butoanelor, unde este necesară o linie suplimentară pentru lizibilitate la dimensiuni mai mici.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | spațios |
| Pasul de bază | 8px |
| Raza butonului | 4px |
| Raza cardului | 4px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 96px |
| Lățimea paginii | 1320px |
Inteligența artificială vă va construi site-ul web în stilul Stripe și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Ui — plan clinic pe hârtie mată
- monopo saigon — O strălucire lichidă, iridescentă, în spatele tăcerii editoriale — o galerie editorială monocromă plutind pe o lumină topită
- Ventriloc — Un observator editorial de date pe hârtie caldă - o singură jar portocalie evidențiază precizia monocromă
- Hyer Aviation — Amurg în cockpit peste pergament. Cerul palid al zorilor întâlnește logo-ul serif de dimensiunea fuselajului, iar un singur accent cald de lut rupe reținerea monocromă.
- Family — O întindere dintr-un basm pe pergament crem
- OFF+BRAND. — Sferă iridescentă pe pergament cald
- Geniestudio — Un caiet moale, cu margini largi și o singură linie groasă de stilou
- xAI — Cremă caldă de laborator cu pastilă neagră
- Seed — un organism viu sub sticlă de laborator
- Cosmos — Un perete galerie căptușit cu pânză și decorat cu Polaroide
- Cal — Practicitate monocromă, o abordare umană. Un sistem care prioritizează claritatea și funcționalitatea printr-o paletă strictă alb-negru, dar o îndulcește cu o tipografie prietenoasă și forme rotunjite.
- T1 Energy — Desenul unei unități de producție pe pergament cald este o scenă liniștită, monocromă, în care scara industrială și tipografia subtilă întruchipează întregul brand.