Stripe
Kristal izoztuan indigo tintaz idatzitako kontu-liburua
Stripe hizkuntza ia monokromoa erabiltzen du finantza-tresnetarako: mihise zuri leun eta freskoa, urdin ilun koloreko goiburuekin, ia kromo elementu apaingarririk gabe, eta indigo distiratsu bakarra (#533afd), botoi, esteka edo ikonoen eskema gisa erabil daitekeena. Tipografia oso mehea da, 300 puntuko pisuarekin —56px-tan ere—, eta konfiantzaz sotila dirudi, korporatiboki baino gehiago; letren arteko tartea nabarmen gutxitzen da tamaina handitu ahala. Botoiak txikiak dira, karratuak (4px), eta betegarri moreak edo eskema more finenak erabiltzen dituzte. Sistemak itzalak erabat saihesten ditu; sakontasuna atzeko planoaren tonuak aldatuz lortzen da (zuria → #f8fafd → #e5edf5 → tonu moreak), altxaketaren bidez baino. Interfaze osoak kontabilitate-liburu edo terminal baten antzera jokatzen du: informazio trinkoa, lerro argiak, atalen arteko tarte zabala eta kolorea ekintza bat behar denean bakarrik agertzen da.
Gehienezko zabalera ~1320px da mihise zuri batean erdiratutako eduki-zutabe batentzat. Heroia ezkerrean lerrokatutako testu-bloke bat da, tamaina osoan (56px), bi ekintzarako dei dituena behean, heroiaren irudirik gabe —tipografia DA heroia—. Atalak bertikalki antolatuta daude, 96px-ko lerro-lerro berdinekin eta 1px-ko #e5edf5 banatzaileekin; ez dago txandakatzen diren marra ilun/argirik. Atal bakoitzak errepikatzen den eredu bat jarraitzen du: atal-izenburu txiki bat maiuskulaz (kolore ketua, 12px), ondoren 32-48px-ko goiburu bat, ondoren 22px-ko paragrafo bat, eta gero produktu-txartelen sareta bat (3 zutabe mahaigainean) edo 2 zutabeko testu-bloke bat arte bisualekin. Bezeroen logotipoak zerrenda bertikal estu batean agertzen dira, ezkerrean lerrokatutako. Oina zerrenda zabal bat da, esteken zerrenda anitzekoak dituena. Erritmo orokorra motela, neurtua eta gehienbat testuala da —informazioaren dentsitatea baxua da, korritze-luzera luzea izan arren.
Irudiak neurritsuak eta dokumental estilokoak dira. Orrialde osoko argazkiak kasu-azterketak dituzten ataletan bakarrik agertzen dira (adibidez, Hertz-erako aireko trafikoaren argazkiak), goitik edo angelu dramatikoetan aterata, kolore naturalak erabiliz —duotonorik edo kolore-prozesamendurik gabe. Produktuaren erabiltzaile-interfazearen pantaila-argazkiak erabiltzen dira ezaugarri-txarteletan, angelu zorrotzekin eta ertz garbiekin errendatuta, gailu-markorik gabe. Bazkideen logotipoak beren koloreetan bistaratzen dira, ontzirik gabe. Ez dago ilustraziorik, 3D errendatzerik edo elementu grafiko abstraktu apaingarririk. Ikonoak uniformeak dira: lerro-lodiera 1, lerro-lodiera 2 atzealde zuri batean, lerro-arte geometrikoarekin (txebrak, geziak, kontrol-markak, dokumentu-sinboloak). Orrialdea batez ere testuz eta espazio zuriz osatuta dago; irudiek ikus-eremu osoaren % 3 baino gutxiago hartzen dute.
Paleta
Marka
- Indigo Ink
#533afd— Morea botoi beteetarako, hautatutako nabigazio egoeretarako eta fokuan oinarritutako bihurketa uneetarako erabiltzen da. - Indigo Hover
#7389ff— Morea estekak, etiketak eta esaldi laburrak nabarmentzeko erabiltzen da. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa.
Neutroa
- Midnight Ink
#061b31— Izenburu nagusia eta gorputzeko testua kolore sakona dira, ia beltza, tonu urdin hotz batekin, eta horixe da letra-tipo sistema osoaren oinarria. - Slate
#64748d— Testu grisak estekak, etiketak eta esaldi laburrak nabarmentzen ditu. - Steel
#50617a— Azpilizentzian erabiltzen diren arbel tonuen eta more isilaren artean kokatzen dira testu gehigarria eta material osagarriak. - Smoke
#839bc8— Izenburu apaingarri handietarako eta testu lagungarrietarako, tonu more isila erabiltzen da - inoiz ez gorputzeko paragrafoetan. - Pure White
#ffffff— Orrialdearen mihisea eta txartelen gainazal altxatuak; beste guztia neurtzen den atzeko plano lehenetsia. - Mist
#f8fafd— Orri-oinaren atzeko planoa eta atalen banatzailea tonu hotz sotil batekoak dira, ertz ikusgairik gabeko eremuak bereizten dituztenak.
Tipografia
12tik 56px-ra · 9 urrats
- sohne-var — ordezkapena: Inter Tight (variable · eskemak 300, 400 · Interfaze osoan erabiltzen den letra-tipo bakarra goiburuetarako, testu-gorputzerako, nabigaziorako, botoietarako eta etiketetarako da. 300eko pisua nagusitzen da 56px-ko pantaila-tamaina batean ere, eta hori ezaugarri bereizgarria da: goiburuek xuxurlatzen dute oihu egin beharrean, autoritatea bolumenaren ordez neurritasunaren bidez ezartzen dute. 400eko pisua 14-16px-tan bakarrik agertzen da nabigaziorako eta botoien testurako, non trazu gehigarri bat behar den irakurgarritasunerako tamaina txikiagoetan.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | zabal |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 4px |
| Txartelaren erradioa | 4px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 96px |
| Orriaren zabalera | 1320px |
Adimen artifizialak zure webgunea Stripe estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Ui — plan klinikoa paper matean
- monopo saigon — Argitalpen-isiltasunaren atzean distira likido eta irideszente bat —argi urtuan flotatzen ari den galeria editorial monokromo bat
- Ventriloc — Paper epeleko datuen behatoki editoriala - txingar laranja bakar batek zehaztasun monokromoa nabarmentzen du
- Hyer Aviation — Ilunabarra kabinan pergaminoaren gainean. Egunsentiko zeru zurbila fuselajearen tamainako serifa logotipoarekin bat egiten du, eta buztinezko azentu epel bakar batek hausten du monokromoaren neurritasuna.
- Family — Krema pergaminoan idatzitako ipuin bateko hedapena
- OFF+BRAND. — Esfera irideszentea pergamino epelaren gainean
- Geniestudio — Eguneko koaderno leun bat —ertz zabalak eta boligrafo-marra lodi bakarra dituen motakoa—
- xAI — Krema epela laborategia pilula beltzarekin
- Seed — organismo bizidun bat laborategiko beiraren azpian
- Cosmos — Lihoz estalita eta Polaroidekin zintzilik dagoen galeria-horma bat
- Cal — Praktikotasun monokromoa, ikuspegi gizatiarra. Argitasuna eta funtzionaltasuna lehenesten dituen sistema bat, paleta zuri-beltz zorrotz baten bidez, baina tipografia atseginarekin eta forma biribilduekin leuntzen dituena.
- T1 Energy — Pergamino epel batean egindako ekoizpen instalazio baten marrazkia eszena lasai eta monokromoa da, non eskala industrialak eta tipografia sotilak marka osoa gorpuzten duten.