Superlist
Merjen közleri bilen gijeki iş ýeri — her bir hereketi alamatlandyrýan ýekeje ýyly mämişi uçgunly baklažan reňkli programma örtügi
“Superlist” gijeki gyrmyzy reňklerde öndürijilik dilini ulanýar: çuň baklažan, ýeke-täk esasy reňk hökmünde ýyly merjen we tutuş atmosferany öz içine alýan uly sans-serif başlyklar. Interfeýs gijeki işiň duýgusyny döredýär — asuda, gatlakly we ynamly, reňk diňe herekete çagyryşlarda, işjeň ýagdaýlarda we esasy nokatlarda funksional punktuasiýa hökmünde ulanylýar. Ýüzler inçe gara reňklerde gyrmyzy reňkli aşaky reňk bilen gatlaklanýar (#181824 → #26253b), çuňlugyň steril däl-de, ýyly duýulmagyny üpjün etmek üçin arassa gara reňkden gaça durýar. Komponentler giň tegelek şekilleri (20 piksel kartlar, tablet düwmeleri), ýumşak kölegeleri we dar torlaryň ýerine rahat 10-16 piksel aralyklar arkaly “dem alýar”. Başlygyň sesi hemme zady aňladýar: 70-88 piksellik 600 ballyk agramy we -0.02em harp aralygy gysga, teksti UI däl-de, tipografiki hökmünde kabul edýär — ol SaaS-dan redaksiýa nusgasyna has ýakyn.
Garaňky bölümler sahypanyň tutuş giňligini öz içine alýar, merkezleşdirilen, iň uly giňlikdäki mazmun konteýnerleri bilen. Esasy bölüm dik merkezleşdirilen we sözbaşy, alt tekst we herekete çagyryş (CTA) öz içine alýar, ondan soň bolsa indiki bölümiň üstüne uly önüm skrinşoty goýulýar. Soňraky bölümler merkezleşdirilen tekst bloklary we kart torlary arasynda gezekleşýär. Syn bölüminde syn kartlary we 16 gutujygy bolan üç sütünli tor ulanylýar. Nawigasiýa çep tarapda logotipi, sag tarapda merkezleşdirilen baglanyşyklary we giriş hereketleri bolan ýeke-täk ýokarky paneldir - berk gapdal panel ýa-da mega-menýu ýok. Bölümleriň arasyndaky gutujyklar giňdir (16 gutujyk), dykyz önüm torunyň ýerine giň, redaksiýa ritmini döredýär.
Wizual giňişlikde önümiň skrinşotlary agdyklyk edýär — hakyky programma interfeýsini görkezýän tegelek burçly uly çarçuwa esasy we ikinji derejeli bölümleri doldurýar. Suratlar minimal, diňe ulanyjy awatary ýa-da programmanyň içindäki medianyň deslapky görnüşleri hökmünde ulanylýar (meselem, önümiň maketiniň sag panelindäki konsert suraty). Ynam panelindäki logotipler tekiz, sessiz ak tekst nyşanlarydyr. Bezeg suratlary, abstrakt grafika, 3D renderler ýok. Wizual strategiýa önümi ölçegde görkezmek, tipografiýanyň emosional işi etmegine rugsat bermek we merjen reňkini ýeke-täk aksent reňk hökmünde ulanmakdyr.
Palitra
Brend
- Coral Ember
#ff4a36— Mämişi reňk bezeg detallary üçin ikinji derejeli aksent hökmünde we seýrek duş gelýän alamatlary nygtamak üçin ulanylýar. Ony herekete çagyryşlar üçin esasy reňk hökmünde ulanmaly däl.
Neýtral
- Aubergine Canvas
#181824— Sahypanyň esasy fony, arassa gara reňkiň ornuny tutýan ýyly, garaňky reňk bolup, ulanyjy interfeýsini tekiz däl-de, gatlakly görkezýär. - Elevated Plum
#26253b— Kart ýüzleri, giriş meýdanlary, nawigasiýa konteýnerleri — görünýän serhetsiz çuňluk döretmek üçin tuwaldan bir ädim aňsat. - Pure White
#ffffff— Esasy sözbaşylar, düwme teksti we nyşanlaryň konturlary — garaňky kanwada iň ýokary kontrast. - Fog Text
#696f81— Esasy tekst, ikinji derejeli sözbaşylar we sessiz çäkler — baklažan reňkli fonda rahat okamak üçin 7:1 kontrast gatnaşygy. - Ash Text
#8e8da0— Ikinji derejeli UI elementleri, bölüjiler we sessiz etiketkalar üçin neýtral reňk goldanylýar. Ol herekete çagyryşlar üçin esasy reňk hökmünde ulanylmaly däl. - Mist Highlight
#a3a3a7— Inçe serhetler, bölüjiler we işjeň däl nawigasiýa elementleri tuwalda tapawutlanýan inçe neýtral öwüşgin döredýär.
Tipografiýa
12-den 88 piksele çenli · 9 ädim
- sans-serif — çalyşmak: Inter · konturlar 400 · sans-serif - çykarylan maglumatlarda tapylýar, ýöne AI tarapyndan beýan edilmeýär.
- Haffer XH SemiBold — çalyşmak: Inter Tight · konturlar 400, 600 · Görkezme we sözbaşylar üçin esasy şrift. Ol harp aralygy -0.02em we agramy 600 bolan gahryman sözbaşylary üçin 70–88 piksel ölçeginde ulanylýar. Dar harp aralygy we uly harp beýikligi sözbaşylara redaksiýa agramyny berýär, garaňky interfeýsi dolandyryş panelinden has köp žurnal daşky görnüşine meňzedýär. Galyň agramly Inter Tight ýa-da General Sans bilen çalşyň.
- Jersey 10 — çalyşmak: Anybody · konturlar 400 · Basym sanlary we aýratynlyklar üçin uly, bezeg şrifti. Tipografik basymlary döretmek üçin örän uly ölçeglerde seýrek ulanylýar. Ony Anybody ýa-da Cabinet Grotesk bilen çalşyryp bolýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 10-16px |
| Düwme radiusy | 100px |
| Kart radiusy | 20px |
| Kölegeler | ýumşak kölegeler |
| Bölümleriň arasynda | 80px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Superlist 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
- DNA — Ýarym gijeki obserwatoriýa bölejik linzasy arkaly görünýär
- Abetterlou — Eýer derisinde uçgunlar - sahypa basylanda gyzgyn metal ýaly duýulýan amber-altyn düwmeleri bolan, goýy kofe reňkli gara fonda ýalpyldap duran ýyly krem reňkli şrift.
- Galileo-ft — Elektrik gök signallary bolan çuňňur kosmosdaky komanda destesi
- Decide AI — Gije gijesinde obserwatoriýa - nal signaly
- Redis Agency — Iş wagtyndan soň açyk bolan redaksiýa ussahanasy, ähli brending işleriniň serif şriftleri we ýekeje gyzyl turp bilen ýerine ýetirilýän garaňky ýer.
- Spellbook — Merjen syýa bilen ýagtylandyrylan ýary gijeki sud zaly — diňe ýyly mämişi galamyň hereketi ýaly ses çykýan garaňky redaksiýa ýüzü
- Linear — gijeki takyklykly gural
- Origin Financial — Ýary gijeki sessiz baýlygyň galereýasy. Uly serif şriftleri we birnäçe ýagtylandyrylan reňkli paneller maliýe sungatynyň üns bilen saýlanan sungat eseri ýaly duýgyny döredýän sessiz, diýen ýaly garaňky otag.
- Hyperstudio — Dizaýn obsidian reňkine çyzylypdyr. Tekst we inçe çyzyklar arassa gara reňkli ak giňişligi gurşap alýar, wagtal-wagtal ýoly görkezýän altyn kompas belgileri bar.
- Air — "Aýnanyň içinden gijäniň ýary asmany" heýkeli
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- dope.security — Gülgün reňkli maýaklar bilen gijäniň ýarym terminaly