Modal
Garaňky serwer otagyndaky fosforesens terminal - ýeke-täk ýagtylyk çeşmesi ýagty ýaşyl reňkde
Modal garaňky serwer otagyndaky fosforesens terminal ýaly işleýär: diýen ýaly gara reňkli tuwal, açyk ýaşyl şrift we LED status görkezijisi hökmünde hereket edýän ýeke-täk ýagty laým-ýaşyl aksent. Dizaýn dili işläp düzüjilere gönükdirilendir - svetofor nokatlary bolan bir aralykly kod penjireleri, imza ýaşyl reňkde izometrik 3D nyşanlar we köp ak boşluk, her bölümde bir elementiň ýalpyldamagyna mümkinçilik berýär. Tipografiýa sözbaşylar üçin ýörite şrift (Goga) we ähli UI elementleri üçin üýtgeýän şrift (Inter) arasynda bölünýär, ikisi hem dar negatiw yzarlaýyş bilen gurnalýar. Reňkler deň paýlanylýar: ekranlaryň köpüsi achromatik we ýagty laým-ýaşyl reňk diňe esasy hereketlerde, logotipde, 3D suratlarda we nygtalýan pursatlarda görünýär. Komponentler tekiz we çarçuwasyz, çuňluk kölegelerden has köp inçe ýaşyl çäkler we fon bulanyşygy arkaly döredilýär.
Modal mazmuna laýyk gelmek üçin iň ýokary ini 1280 piksel bolan doly giňlikdäki garaňky düzülişi ulanýar. Gahryman penjiresi merkezde ýerleşýär: sözbaşy (lime ýaşyl reňkdäki ilkinji jümle), kiçi sözbaşy, iki çagyryş we wizual löwher hökmünde ýeke-täk 3D obýekt - düzülişi gapdal panelden bölmezden. Mazmun bölümleri birmeňzeş ritme eýerýär: gaş tegi (uly harplar, Moss 70) → Goga sözbaşy → sessizleşdirilen esasy tekst, soňra aýratynlyk düşündirişi (tekst + kod/wizual kart) bolan iki sütünli düzüliş ýa-da üç sütünli kartlar tor. Bölümleriň arasyndaky naýbalar giň - 80 piksel. Sahypa çuňňur boş (#000000) we biraz açyk fon (#181818) zolaklarynyň arasynda üýtgeýär, sahypanyň ortasynda wizual dem alyş hökmünde bir ýagty bölüm (#def0dd) peýda bolýar. Nawigasiýa bulanyk fonly ýeke-täk, berk ýokarky panelden ybaratdyr - gapdal panel ýa-da mega-menýu ýok. Aşakky bölüm ykjam we garaňky, sessizleşdirilen ýaşyl baglanyşyk sütünleri bilen. Tekstiň dykyzlygy amatly: her bölüme ýeterlik ýer berilýär we kart torlary üç sütünden köp ulanmaýar.
Modalyň wizual dili iki režime bölünýär: 3D ýalpyldawuk önüm renderleri we garaňky kod penjire maketleri. Esasy nokady marketing gradienti (laým ýaşyldan zumruda çenli) ulanylyp şekillendirilen ýeke-täk 3D kub bolup, ol boş ýeri ýaşyl yşyk bilen çaýýan radial gradient halosynda ýerleşýär - brendiň özboluşly wizual stili. Iş ýüküniň kartlarynda garaňky fonda şol bir laým ýaşyl reňkde şekillendirilen izometrik 3D nyşanlar (sim çarçuwaly kub, berk basgançak, gatlaklar) bar. Kod we bençmark netijeleri svetofor nokatlary, fosforesans palitrasynda bir aralykly sintaksis we ýumşak ýaşyl çäkli terminal penjire kartlary hökmünde görkezilýär - olar hakyky buýruk setir interfeýsiniň ekran suratlaryna meňzeýär. Müşderi logotipleri ýeke-täk, pes kontrastly setirde doýmadyk ýaşyl-çal ýazgylar hökmünde görkezilýär, bu bolsa wizual bäsdeşliksiz ynamy alamatlandyrýar. Umumy dykyzlyk pes - sahypalaryň köpüsinde esasan tekst bar we suratlar suratlaryň torlary däl-de, aýratyn fokus nokatlary hökmünde görkezilýär. Suratlar ýok; tutuş wizual ulgam şekillendirilen, geometrik we şöhleli.
Palitra
Brend
- Lime Pulse
#7fee64— Korporatiw şahsyýetiň esasy elementleri logotip, esasy çagyryş (CTA), teg doldurmak, işjeň ýagdaýlar we suratyň esasy reňkidir.
Neýtral
- Phosphor White
#ddffdc— Esasy tekst, adyň reňki, nyşanyň kontury we doldurylan düwme teksti okalyp bilinýän esasy ýüzdür. - Void Black
#000000— Sahypanyň tuwaly, iň çuň fon gatlagy - Ground Iron
#181818— Esasy düwmäniň doldurylyşy, garaňky ýerlerde kart ýüzleri, ulanyjy interfeýsiniň esasy ýüzi. - Carbon Veil
#212525— Beýik ýüzler, nawigasiýa fony, ýerden biraz ýeňil. - Circuit Border
#485346— Esasy interaktiw inçe çyzyk bolan kontur/arwah hereket çarçuwasy ýumşak ýaşyl-çal reňkde. - Phosphor Blue-Black
#1f2a33— Garaňky zolaklaryň arasynda bölýän ikinji derejeli inçe bellik çyzyklary.
Tipografiýa
12-den 64 piksele çenli · 8 ädim
- Goga — çalyşmak: Inter Tight or Space Grotesk · konturlar 400, 500 · Sözbaşy we kiçi sözbaşy şrifti – Ähli H1–H4 sözbaşylary we kartlary üçin ulanylýar. Goga dar deşikleri we biraz kwadrat terminallary bolan ýörite geometrik sans-serif şriftidir. Orta agram (500) kart derejesindäki sözbaşylary görkezmek üçin saklanýar; adaty agram (400) gahryman we bölüm sözbaşylary üçin ulanylýar. Modalyň kimligini kesgitleýän alternatiw glif şekillerine girmek üçin onuň 'ss01' stilistik toplumy işjeňleşdirilmelidir. Negatiw harp aralygy 48 pikselde -0.007em-den 21 pikselde -0.017em-e çenli kem-kemden azalýar.
- Inter Variable — çalyşmak: Inter · konturlar 400, 500 · Ulanyjy interfeýsi we esasy tekst – nawigasiýa, düwmeler, esasy tekst, ýazgylar, aşaky kolonka. Interaktiw elementler we nawigasiýa üçin adaty ýagdaýda ortaça agram (500) ulanylýar; abzaslar üçin adaty (400) ulanylýar. Kiçi ölçeglerde hem harp aralygy ep-esli azaldylýar (14 pikselde -0.026em, 16 pikselde -0.022em), bu bolsa interfeýse gysgaldylan, terminal dykyzlygyny berýär. Başga punktuasiýa üçin 'cv11' simwol görnüşi goşulmaly. 12 pikselde ähli uly harplar bilen ýazylan ýazgylar esasy tekstiň dykyzlygyny deňleşdirmek üçin +0.05em harp aralygyny ulanýar.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 20px |
| Düwme radiusy | 12px |
| Kart radiusy | 8px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 80px |
| Sahypanyň giňligi | 1280px |
Süni intellekt web sahypaňyzy Modal 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
- Slash — Altyn örtükli depderler bilen gijäniň ýarymyndaky seýf
- AgentQL — Gije terminalyň üstünde Demirgazyk çyralary
- GitHub — Biolüminesent dolandyryş nokatlary bolan kosmos dolandyryş paneli — garaňky, atmosferaly iş meýdany, bu ýerde ýekeje ýaşyl şöhle öňe tarap ýol görkezýär.
- Doppler — Ýary gije seýilgähiň gyrmyzy yşyklandyrmasy. Tas gara reňkli polotno ýekeje lawanda signaly we ýaşyl tassyklama çyrasy bilen ýalpyldaýar, her ýüzi tutmak üçin ýeterlik egri.
- Basedash — Mat şriftli ýary gije maglumat terminaly. Metrikileriň gyrmyzy we ýaşyl reňkde ýalpyldaýan, serif sözbaşylary sesiň üstünde ýüzýän we ak tabletka şekilli düwmeler ýumşak gara ýüzli otagdaky ýeke-täk ýagty obýektler bolan garaňky obserwatoriýa.
- Superwhisper — Demirgazyk çyralary gijäniň aýnasynyň üstünde ýitip gidýär
- Better Stack — Ýarym gije SRE konsoly
- Langbase — Ýarym gije Demirgazyk Çyralary konsoly
- Astro — Dumanlykdan çykýan ýekeje gyrmyzy şöhle bilen çuňňur kosmos missiýasynyň gözegçiligi
- Wayfinder — Janly suratyň üstünde sesi eşidilmeýän ady bolan gara film ekrany. Interfeýs dolandyryş paneli däl-de, ýagtylyk slaýderidir.
- HashiCorp — Ýary gije gyrmyzy neonly dolandyryş otagy garaňky tehniki ýüz bolup, ol ýerde ýalpyldawuk altyburçluk kub ýeke-täk reňk görkezijisi bolup hyzmat edýär.
- Umbrel — Gijeki serwer otagynda rahat ojak — garaňky otagda ýekeje şeftali reňkli ýalpyldawuk hakykatdanam möhüm zatlary görkezýär.