Stripe
Buzly aýnanyň üstüne indigo syýa bilen ýazylan hasap kitaby
Stripe maliýe gurallary üçin diýen ýaly monohrom dili ulanýar: gara gök reňkli sözbaşylary bolan ýumşak, sowuk ak reňkli tuwal, bezeg hrom elementleri diýen ýaly ýok we düwme, baglanyşyk ýa-da nyşan kontury hökmünde ulanylyp bilinjek ýekeje ýagty indigo (#533afd). Tipografiýa örän inçe, 300 ballyk agramy bilen - hatda 56 pikselde hem - açyk korporatiw däl-de, ynamly derejede pes derejede duýulýar; harp aralygy ölçegiň ulalmagy bilen kesgin azalýar. Düwmeler kiçi, inedördül (4 piksel) we gyrmyzy doldurgyçlary ýa-da iň inçe gyrmyzy konturlary ulanýar. Ulgam kölegelerden doly gaça durýar; çuňluk beýiklik arkaly däl-de, fon reňklerini üýtgetmek arkaly gazanylýar (ak → #f8fafd → #e5edf5 → gyrmyzy reňkler). Bütin interfeýs buhgalteriýa hasap kitaby ýa-da terminal ýaly hereket edýär: dykyz maglumat, aýdyň çyzyklar, bölümleriň arasyndaky giň aralyk we reňk diňe hereket gerek bolanda peýda bolýar.
Ak kanwanyň üstünde merkezleşdirilen mazmun sütüniniň iň ýokary giňligi ~1320px. Gahryman doly ölçegde (56px) çepe deňleşdirilen tekst blok bolup, aşakda iki çagyryş bar, gahrymanyň suraty ýok — tipografiýa gahrymandyr. Bölümler deň 96px oýuklar we 1px #e5edf5 bölüjiler bilen dikligine ýerleşdirilen; garaňky/açyk zolaklar üýtgemeýär. Her bölüm gaýtalanýan nusga boýunça ýerleşýär: ähli uly harplar bilen kiçi bölümiň ady (tüsse reňk, 12px), soňra 32-48px sözbaşy, soňra 22px abzas, soňra önüm kartlarynyň seti (iş stolunda 3 sütun) ýa-da şekillendiriş sungaty bolan 2 sütunly tekst bloky. Müşderi logotipleri çep deňleşdirilen dar dik zolakda peýda bolýar. Aşakky bölüm köp sütunly baglanyşyk sanawlary bolan bir giň #f8fafd zolakdyr. Umumy ritm haýal, ölçeklenýän we esasan tekstli — maglumat dykyzlygy uzyn aýlaw uzynlygyna garamazdan pes.
Suratlar çäklendirilen we dokumental stilde. Doly sahypadaky suratlar diňe mysallary öz içine alýan bölümlerde (meselem, Hertz üçin howadan düşürilen suratlar) peýda bolýar, olar ýokardan ýa-da dramatik burçlardan, tebigy reňkleri ulanyp düşürilýär — iki ton ýa-da reňk işlemesi ýok. Önümiň ulanyjy interfeýsiniň ekran suratlary aýratynlyk kartlarynyň içinde ulanylýar, ýiti burçlar we aýdyň serhetler bilen, enjam çarçuwalary bolmazdan görkezilýär. Hyzmatdaş logotipleri öz reňklerinde, hiç hili gaplar bolmazdan görkezilýär. Suratlar, 3D renderler ýa-da bezeg abstrakt grafik elementler ýok. Nyşanlar birmeňzeş: ak fonda 1-nji setir agramy, 2-nji setir agramy, geometrik çyzyk sungaty (şewronlar, ok, bellikler, resminama nyşanlary). Sahypa esasan tekstden we ak boşlukdan ybarat; suratlar umumy wizual meýdanyň 3% -inden azyny tutýar.
Palitra
Brend
- Indigo Ink
#533afd— Gyrmyzy reňk doldurylan düwmeler, saýlanan nawigasiýa ýagdaýlary we fokus esasynda konwersiýa pursatlary üçin ulanylýar. - Indigo Hover
#7389ff— Gyrmyzy reňk baglanyşyklary, tegleri we gysga sözlemleri bellemek üçin ulanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däldir.
Neýtral
- Midnight Ink
#061b31— Esasy sözbaşy we esasy tekst çuňňur, diýen ýaly gara reňkde we sowuk gök reňkde bolup, tutuş şrift ulgamynyň esasyny düzýär. - Slate
#64748d— Çal reňkli tekst baglanyşyklary, tegleri we gysga sözlemleri görkezýär. - Steel
#50617a— Goşmaça tekst we goldaw materiallary kiçi ygtyýarnamalarda ulanylýan slanets we ýumşak gyrmyzy reňkleriň arasynda ýerleşdirilýär. - Smoke
#839bc8— Uly bezeg sözbaşylary we degişli tekstler üçin ýumşak gyrmyzy reňk ulanylýar - hiç haçan esasy abzaslarda ulanylmaýar. - Pure White
#ffffff— Sahypanyň kanwasy we kartlaryň galdyrylan ýüzleri; galan ähli zadyň ölçenýän esasy fony. - Mist
#f8fafd— Aşakdaky fon we bölüm bölüji görünýän çäksiz ýerleri bölýän inçe sowuk reňkdir.
Tipografiýa
12-den 56 piksele çenli · 9 ädim
- sohne-var — çalyşmak: Inter Tight (variable · konturlar 300, 400 · Tutuş interfeýsde ulanylýan ýeke-täk şrift sözbaşylar, esasy tekst, nawigasiýa, düwmeler we ýazgylar üçindir. 300 agramy hatda 56 piksel ekran ölçeginde hem agdyklyk edýär, bu bolsa tapawutly aýratynlyk: sözbaşylar gygyrmagyň ýerine pyşyrdaýar, sesiň ýerine çäklendirme arkaly ygtyýarlygy döredýär. 400 agramy diňe nawigasiýa we düwme teksti üçin 14–16 pikselde peýda bolýar, kiçi ölçeglerde okamak üçin goşmaça çyzyk gerek bolýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | giňişlik |
| Esasy ädim | 8px |
| Düwme radiusy | 4px |
| Kart radiusy | 4px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 96px |
| Sahypanyň giňligi | 1320px |
Süni intellekt web sahypaňyzy Stripe stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Ui — mat kagyzda kliniki meýilnama
- monopo saigon — Redaksiýa dymmagynyň arkasyndaky suwuk, ýalpyldawuk şöhle — ereýän ýagtylykda ýüzýän monohrom redaksiýa galereýasy
- Ventriloc — Ýyly kagyzdaky maglumatlaryň redaksiýa gözegçisi - monohrom takyklygy görkezýän ýekeje mämişi köz
- Hyer Aviation — Kabinadaky garaňkylyk pergament kagyzynyň üstünde görünýär. Solgun şapagyň asmany fýuzeleýiň ölçegindäki serif logotipi bilen gabat gelýär we ýekeje ýyly palçyk reňkli aksent monohrom saklaýyşy bozýar.
- Family — Kremli pergamentdäki ertekiden bir bölek
- OFF+BRAND. — Ýyly pergamentde ýalpyldawuk sfera
- Geniestudio — Ýumşak gündizki depder — giň gyralary we bir galyň ruçka çyzygy bolan görnüş
- xAI — Gara tabletkaly ýyly krem laboratoriýasy
- Seed — laboratoriýa aýnasynyň aşagyndaky diri organizm
- Cosmos — Keten bilen örtülen we Polaroid suratlary bilen bezelen galereýa diwary
- Cal — Monohrom praktiklik, ynsan çemeleşmesi. Gara-ak reňk palitrasy arkaly aýdyňlyga we funksionallyga ileri tutulýan, ýöne ony dostlukly tipografiýa we tegelek şekiller bilen ýumşadýan ulgam.
- T1 Energy — Önümçilik zawodynyň ýyly pergamentde çekilen suraty, senagat möçberi we inçe tipografiýa tutuş brendi özünde jemleýän asuda, monohrom sahnadyr.