Modal
Qaranlıq server otağında fosforlu terminal - yeganə işıq mənbəyi parlaq yaşıl rəngdir
Modal qaranlıq server otağında fosforlu terminal kimi funksiyalar yerinə yetirir: demək olar ki, qara rəngli kətan, solğun yaşıl şrift və LED status göstəricisi kimi çıxış edən tək parlaq əhəng-yaşıl vurğu. Dizayn dili geliştiriciyə yönəlib — işıqfor nöqtələri olan monospace kod pəncərələri, imza yaşılında izometrik 3D nişanlar və bol ağ boşluq, hər bölmədə bir elementin parıldamasına imkan verir. Tipoqrafiya başlıqlar üçün xüsusi şrift (Goga) və bütün UI elementləri üçün dəyişkən şrift (Inter) arasında bölünür, hər ikisi dar mənfi izləmə ilə təyin olunur. Rənglər bərabər paylanır: əksər ekranlar axromatikdir və parlaq əhəng-yaşıl rəng yalnız əsas hərəkətlərdə, loqotipdə, 3D illüstrasiyalarda və vurğu anlarında görünür. Komponentlər düz və çərçivəsizdir, dərinlik kölgələr əvəzinə incə yaşıl haşiyələr və fon bulanıqlığı vasitəsilə yaradılır.
Modal məzmunu yerləşdirmək üçün maksimum 1280 piksel eni olan tam enli qaranlıq bir düzülüşdən istifadə edir. Qəhrəman pəncərəsi mərkəzdə yerləşir: başlıq (limeyvə yaşılında ilk cümlə), alt başlıq, iki çağırış və vizual lövbər kimi tək bir 3D obyekt - düzülüşü yan paneldən ayırmadan. Məzmun bölmələri vahid bir ritm izləyir: qaş etiketi (böyük hərflər, Moss 70) → Goga başlığı → səssiz əsas mətn, sonra ya xüsusiyyət təsviri (mətn + kod/vizual kart) olan iki sütunlu düzülüş, ya da üç sütunlu kartlar şəbəkəsi. Bölmələr arasındakı boşluqlar genişdir - 80 piksel. Səhifə dərin boş (#000000) və bir az daha açıq fon (#181818) zolaqları arasında dəyişir, bir işıqlı bölmə (#def0dd) səhifənin ortasında vizual nəfəs kimi görünür. Naviqasiya, yan panel və ya meqa-menyu olmayan bulanıq fonlu tək, sabit üst paneldən ibarətdir. Altbilgi kompakt və tünddür, səssiz yaşıl keçid sütunları ilə. Mətn sıxlığı rahatdır: hər bölməyə geniş yer verilir və kart torları üç sütundan çox istifadə etmir.
Modalın vizual dili iki rejimə bölünür: 3D parlaq məhsul renderləri və tünd kod pəncərə maketləri. Fokus nöqtəsi, marketinq qradiyenti (əhəng yaşılından zümrüdə qədər) istifadə edilərək render edilmiş tək bir 3D kubdur və boşluğu yaşıl işıqla dolduran radial qradiyent halosunda yerləşdirilir - brendin özünəməxsus vizual stili. İş yükü kartlarında tünd fonda eyni əhəng yaşılında render edilmiş izometrik 3D nişanlar (tel çərçivə kubu, bütöv pilləkən, təbəqələr) var. Kod və etalon nəticələri svetofor nöqtələri, fosforlu palitrada monospace sintaksis vurğulaması və səssiz yaşıl haşiyəsi olan terminal pəncərə kartları kimi təqdim olunur - onlar əsl əmr sətri interfeysinin ekran görüntülərinə bənzəyir. Müştəri loqotipləri tək, aşağı kontrastlı bir sətirdə doymamış yaşıl-boz etiketlər kimi göstərilir və vizual rəqabət olmadan etibar siqnalı verir. Ümumi sıxlıq aşağıdır - əksər səhifələrdə əsasən mətn var və şəkillər fotoşəkillər şəbəkəsi əvəzinə fərdi fokus nöqtələri kimi təqdim olunur. Fotoşəkillər yoxdur; bütün vizual sistem həndəsi və parlaq şəkildə render edilmişdir.
Palitra
Brend
- Lime Pulse
#7fee64— Korporativ kimliyin əsas elementləri loqotip, əsas çağırış (CTA), etiket doldurma, aktiv vəziyyətlər və illüstrasiyanın əsas rəngidir.
Neytral
- Phosphor White
#ddffdc— Əsas mətn, başlıq rəngi, işarə konturu və doldurulmuş düymə mətni əsas oxunaqlı səthdir. - Void Black
#000000— Səhifə kətan, ən dərin fon təbəqəsi - Ground Iron
#181818— Əsas düymənin doldurulması, qaranlıq ərazilərdəki kart səthləri, istifadəçi interfeysinin əsas səthi. - Carbon Veil
#212525— Hündür səthlər, naviqasiya fonu, yerdən bir qədər yüngül. - Circuit Border
#485346— Əsas interaktiv nazik xətt olan kontur/xəyalət hərəkət çərçivəsi solğun yaşılımtıl-boz rəngdədir. - Phosphor Blue-Black
#1f2a33— Tünd zolaqlar arasında cizgiləri ayıran ikinci dərəcəli nazik işarə xətləri.
Tipoqrafiya
12-dən 64 pikselə qədər · 8 addım
- Goga — əvəzetmə: Inter Tight or Space Grotesk · konturlar 400, 500 · Başlıq və Alt Başlıq Şrifti – Bütün H1–H4 başlıqları və kartları üçün istifadə olunur. Goga, dar diyaframları və bir az kvadrat terminalları olan xüsusi həndəsi sans-serif şriftidir. Orta çəki (500) kart səviyyəli başlıqları vurğulamaq üçün ayrılmışdır; normal çəki (400) qəhrəman və bölmə başlıqları üçün istifadə olunur. Modalın kimliyini müəyyən edən alternativ qlif formalarına daxil olmaq üçün onun 'ss01' stilistik dəsti aktivləşdirilməlidir. Mənfi hərf aralığı tədricən 48 pikseldə -0.007em-dən 21 pikseldə -0.017em-ə qədər azalır.
- Inter Variable — əvəzetmə: Inter · konturlar 400, 500 · İstifadəçi interfeysi və əsas mətn – naviqasiya, düymələr, əsas mətn, etiketlər, altbilgi. İnteraktiv elementlər və naviqasiya üçün standart olaraq orta çəkili (500) istifadə olunur; abzaslar üçün normal (400) istifadə olunur. Hərf aralığı hətta kiçik ölçülərdə də nəzərəçarpacaq dərəcədə azalır (14 pikseldə -0.026em, 16 pikseldə -0.022em) və bu da interfeysə qısaldılmış, terminal sıxlığı verir. Alternativ durğu işarələri üçün 'cv11' simvol variantı daxil edilməlidir. 12 pikseldə böyük hərflərlə yazılmış etiketlər əsas mətn sıxlığını balanslaşdırmaq üçün +0.05em hərf aralığından istifadə edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 20px |
| Düymə radiusu | 12px |
| Kart radiusu | 8px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 80px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı Modal üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Slash — Qızılı dəftərləri olan gecə yarısı sərdabəsi
- AgentQL — Gecə terminalının üzərindəki şimal işıqları
- GitHub — Bioluminescent idarəetmə nöqtələri olan kosmik idarəetmə paneli — tək bir yaşıl parıltının irəliyə doğru yol göstərdiyi qaranlıq, atmosferik bir iş sahəsi.
- Doppler — Gecə yarısı sərdabənin bənövşəyi işıqlandırması. Demək olar ki, qara kətan tək bir lavanda siqnalı və yaşıl təsdiq işığı ilə parlayır, hər səth tutmaq üçün kifayət qədər əyridir.
- Basedash — Mat şriftli gecə yarısı məlumat terminalı. Metriklərin bənövşəyi və yaşıl rəngdə parıldadığı, serif başlıqların səs-küyün üzərində üzdüyü və ağ həb formalı düymələrin yumşaq qara səthli bir otaqda yeganə parlaq obyektlər olduğu qaranlıq bir rəsədxana.
- Superwhisper — Şimal işıqları gecə yarısı şüşəsinin üzərində əriyir
- Better Stack — Gecəyarısı SRE Konsolu
- Langbase — Gecəyarısı Şimal İşıqları konsolu
- Astro — Dumanlıqdan gələn tək bir bənövşəyi parıltı ilə Dərin Kosmik Missiya Nəzarəti
- Wayfinder — Canlı illüstrasiyanın üzərində çətinliklə eşidilən başlıq olan qara film ekranı. İnterfeys idarəetmə paneli deyil, parlaqlıq sürgüsüdür.
- HashiCorp — Gecə yarısı bənövşəyi neon işıqlarla işıqlandırılan idarəetmə otağı, parlaq altıbucaqlı kubun yeganə rəng istinadı kimi xidmət etdiyi qaranlıq texniki bir səthdir.
- Umbrel — Gecə server otağında rahat bir ocaq — tək bir şaftalı parıltısının həqiqətən vacib olanı vurğuladığı qaranlıq bir otaq.