Framer
boşlukdaky neon galereýasy
Framer doly garaňkylyk ýaly işleýär - galereýanyň açylyşynda mazmun neon nyşany ýaly galýan gara polotno. GT Walsheim Medium-da 0.8–1.1 setir aralygy we agressiw negatiw harp aralygy (54px-da -0.04em) bilen ýerleşdirilen sözbaşylar sahypada tertipli oturmagyň ýerine öňe süýşýän gysgaldylan, bezegli şrift döredýär. Ýekeje elektrik gök reňk (#0099ff) ähli funksional aksentleri - serhetleri, ýalpyldawuklygy, nyşanlary, işjeň ýagdaýlary üpjün edýär, interfeýsiň galan bölegi bolsa arassa gara reňkden çuňluk döretmek üçin inçe çal geçişlere (#111, #171717, #242424) daýanyp, achromatik bolmagynda galýar. Komponentler bezegden has köp hasaplanýan ýaly: 8–25px tegelek radiuslar, inçe 1px serhetler, minimal düşýän kölegeler we boşlugyň şöhle saçmagyna mümkinçilik berýän şeffaf ýüzler.
Doly giňlikdäki bölümler gara kanwanyň daşyndan uzalyp gidýär, mazmun iň ýokary giňlik ~1200px bilen çäklendirilýär we içine merkezleşdirilen. Esasy bölümde çep tarapa deňleşdirilen başlyk we ýeke-täk çagyryş (CTA) düwmesi bar, sag tarapy bolsa bilgeşleýin boş galdyrylýar - asimmetrik, merkezleşdirilmän. Bölümler diňe tekst düzülişleri (uly başlyk + alt tekst) we önüm ekran suratlary arasynda üýtgeýär. "Çerçewe bilen gelýär" bölümi 4 sütünli torda logotip diwaryny ulanýar. Jemgyýetçilik bölüminde önüm ekran suraty merkezi, doly giňlikdäki konteýneriň içine tegelek burçlary bilen ýerleşdirilýär. Nawigasiýa minimal - çepde logotip we sag tarapda deňleşdirilen baglanyşyklar bolan inçe ýokarky zolak, görünýän dolandyryşlar ýok. Bölüm ritmi: bölümleriň arasynda 80px uly dik aralyklar, boşlukda ýüzýän mazmunyň aýratyn adalaryny döredýär.
Önümiň ulanyjy interfeýsiniň ekran suratlary agdyklyk edýär — svetofor nokatlary bolan hrom ýaly penjire bilen gurşalan, programmanyň içine goýlan ekran suratlary esasy surata öwrülýär. Hiliň subutnamasy hökmünde hyzmat edýän logotipler gara fonda ak harplar bilen giň aralyk bilen görkezilýär. Suratlar, illýustrasiýalar ýa-da abstrakt grafika ulanylmaýar — wizual dil önümiň özi bolup, janly interfeýs hökmünde görkezilýär. Nyşan stili: minimalist, konturly, monohrom we kiçi ölçeglerde ak. Tekst dykyzlygy: esasan tekst, käwagt önüm ekran suratlary görnüşinde uly bölekler bar. Giňişligiň wizual deňagramlylygy suratlara garanda tipografiýany has gowy görýär.
Palitra
Brend
- Vivid Violet
#0066ff— Esasy hereket düwmesi interfeýsde berk reňkli düwmäniň fonunyň görkezilýän ýeke-täk ýeridir.
Neýtral
- Bone
#ffffff— Esasy sözbaşylar, garaňky fonda esasy tekst, düwme fony ýagtylygyň ýeke-täk çeşmesidir. - Void
#000000— Sahypanyň kanwasy, nawigasiýa fony, kart ýüzleri, nyşanlaryň doldurylyşy — bularyň hemmesi zerur bolmadyk ähli mazmuny özüne siňdirýän çäksiz gara reňkdir. - Graphite
#111111— Galdyrylan kart ýüzleri boşlukdan bir ädim ýokarda ýerleşýär - uly, funksional kartlar we modal konteýnerler. - Obsidian
#171717— Düwmeler, goşmaça kartlar, UI doldurmalary üçin aralyk ýüz - interaktiw elementleri tuwaldan bölýär. - Slate
#242424— Tekst formatyna geçmezden öň, kursory göterilende, giriş meýdançalary we içine çekilen paneller iň ýagty neýtral reňk bolup durýar. - Ash
#333333— Işlemeýän fon suratlary we gurluş elementleri üçin çuňňur doldurma.
Tipografiýa
12-den 68 piksele çenli · 8 ädim
- sans-serif — çalyşmak: Inter · konturlar 400 · sans-serif - çykarylan maglumatlarda tapylýar, ýöne AI tarapyndan beýan edilmeýär.
- GT Walsheim — çalyşmak: Inter Tight · konturlar 500 · Sözbaşylar we atlaryň şrifti brend şriftidir. Ol agressiw ýagdaýda gysgaldylan, setir aralygy 0.8–1.1 we harp aralygy 44–68 piksel aralygynda -0.04em-den -0.05em-e çenli. Ol bezeg elementi däl; GT Walsheim-iň geometrik ýylylygy berk ölçegler bilen utgaşdyrylyp, ulgamyň sesini döredýär — ynamly, ykjam we biraz geljege meňzeýär. Şeýle geometrik beýan üçin Inter Tight ýa-da Space Grotesk Bold-y göz öňünde tutuň.
- Inter Variable — çalyşmak: Inter · konturlar 400 · Esasy tekst, nawigasiýa we ikinji derejeli sözbaşylar esasy iş orny eýeleýär. Inter Variable ok agramlyklaryň ýumşak interpolýasiýasyna mümkinçilik berýär. Yzarlaýyş ölçegi ulalanda daralýar: -0.001em-den 18px-e we -0.027em-den 22px-e çenli. Üýtgeýän wersiýa saýtyň ýumşak mikro-animasiýalaryna mümkinçilik berýär. Çalşyryş: Inter ( Google) – diýen ýaly birmeňzeş ätiýaçlyk.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 10px |
| Düwme radiusy | 9999px |
| Kart radiusy | 20px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 80px |
| Sahypanyň giňligi | 1200px |
Süni intellekt web sahypaňyzy Framer 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
- Auros — Biolüminesent maglumat toplary bolan Abissal terminaly
- 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.
- Raycast — Ýarym gijeki dolandyryş merkezi, Mercan Neon
- Dimension — Aýna panelleri bilen örtülen garaňkylyk ýagtylandyrylan iş ýeri
- Reflect Notes — Ýyldyzly biwel kosmos garaňky obserwatoriýa bolup, onda notalar diýen ýaly gara indigo boşlugynyň fonunda ýyldyzlar topary ýaly ýüzýär.
- Ameba — Ýary gije dolandyryş otagy – buzlanan aýna panelleriň içinde elektrik gök impulsy
- Branding — Gara galereýa diwary, gan gyzyl reňkli bezegler - Uly ak şriftler boşluga meňzeýän garaňky polýusda ýüzýär, olaryň arasyna ýekeje ýagty gyzyl reňkli bezeg we web interfeýsinden has köp galereýa belliklerine meňzeýän ajaýyp bezeg elementleri goşulýar.
- Harness — Ýary gije fosforly ýaşyl reňkli bezegler bilen Missiýa gözegçiligi
- Koto — Gije gijesinde Obsidian galereýasy. Tas garaňky sahna, bu ýerde ýeke-täk ýyly ýagtylyk çeşmesi ýekeje sary marker bolup, gysgaldylan şrift bolsa giň negatiw giňişlikde sergi plakatlary ýaly ýüzýär.
- Ohzi — Garaňky galereýada asylgy duran ýalpyldawuk kub
- Depot — Garaňky serwer terminaly. Işiň başlandygyny görkezýän ýekeje ýaşyl LED çyrasy we ulanyjy interfeýsiniň galan bölegi grafit bilen görkezilen, diýen ýaly gara reňkli işläp düzüji konsoly.
- Maciej Zadykowicz — Kaleýdoskopiki diwar suratlary bilen "Midnight Galereýasy" gara reňkli studiýa diwary ýaly bolup, onda bir janly, reňkli tipografik sungat eseri ünsüň özüne çekýär, galan zatlar bolsa sessiz we oýlanyşykly saklanýar.