Modal
Терминали фосфорӣ дар утоқи торикшудаи сервер - ягона манбаи рӯшноӣ ранги сабзи дурахшон аст
Модалӣ мисли терминали фосфорӣ дар утоқи сервери торик кор мекунад: як матои қариб сиёҳ, шрифти сабзи кушод ва як аксенти сабзи оҳакӣ, ки ҳамчун нишондиҳандаи ҳолати LED амал мекунад. Забони тарроҳӣ ба таҳиягар нигаронида шудааст - тирезаҳои рамзи якхела бо нуқтаҳои чароғаки роҳ, нишонаҳои сеченакаи изометрӣ дар сабзи имзо ва фазои сафеди зиёд, ки имкон медиҳад, ки як унсур дар ҳар як бахш дурахшад. Типография байни шрифти фармоишӣ (Goga) барои сарлавҳаҳо ва шрифти тағйирёбанда (Inter) барои ҳамаи унсурҳои UI тақсим карда мешавад, ки ҳарду бо пайгирии танг манфии муқаррар карда шудаанд. Рангҳо баробар тақсим карда шудаанд: аксари экранҳо ахроматик мебошанд ва ранги сабзи оҳакӣ танҳо дар амалҳои асосӣ, логотип, тасвирҳои сеченакӣ ва лаҳзаҳои таъкид пайдо мешавад. Ҷузъҳо ҳамвор ва бечаҳорчӯбаанд, ки умқ тавассути сарҳадҳои сабзи нозук ва хирашавии замина ба ҷои сояҳо эҷод мешавад.
Модал барои ҷойгир кардани мундариҷа аз тарҳбандии торики паҳнои пурра бо паҳнои ҳадди аксар 1280 пиксел истифода мебарад. Тирезаи қаҳрамон дар марказ ҷойгир аст: унвон (ҷумлаи аввал бо ранги сабзи оҳакӣ), зерсарлавҳа, ду даъват ба амал ва як объекти сеченакаи ягона ҳамчун лангари визуалӣ - бе ҷудо кардани тарҳбандӣ аз панели паҳлӯӣ. Бахшҳои мундариҷа аз ритми ягона пайравӣ мекунанд: барчаспи абрӯвон (ҳарфҳои калон, Moss 70) → унвони Goga → матни асосии хомӯшшуда, сипас ё тарҳбандии дусутунӣ бо тавсифи хусусият (матн + рамз/корти визуалӣ) ё шабакаи сесутунии кортҳо. Новаҳо байни бахшҳо фаровонанд - 80 пиксел. Саҳифа байни рахҳои холӣ (#000000) ва заминаи каме равшантар (#181818) иваз мешавад, ки як бахши равшан (#def0dd) дар мобайни саҳифа ҳамчун нафаскашии визуалӣ пайдо мешавад. Навигатсия аз як сатри болоии ягона ва собит бо заминаи норавшан иборат аст - бе панели паҳлӯӣ ё мега-меню. Пойгоҳи поёнӣ фишурда ва торик аст, бо сутунҳои пайванди сабзи хомӯшшуда. Зичии матн бароҳат аст: ба ҳар як бахш фазои кофӣ дода мешавад ва шабакаҳои кортӣ на бештар аз се сутунро истифода мебаранд.
Забони визуалии Modal ба ду режим тақсим мешавад: рендерҳои маҳсулоти сеченака бо дурахшон ва макетҳои тирезаи рамзи торик. Нуқтаи марказӣ як мукааби сеченака мебошад, ки бо истифода аз градиенти маркетингӣ (аз сабзи оҳакӣ то зумуррад) рендер карда шудааст, ки дар дохили ҳалои градиенти радиалӣ ҷойгир карда шудааст, ки фазои холиро бо нури сабз пӯшондааст - услуби визуалии имзои бренд. Кортҳои боркунии корӣ дорои нишонаҳои сеченакаи изометрӣ (мукааби чаҳорчӯба, зинапояи сахт, қабатҳо) мебошанд, ки бо ҳамон сабзи оҳакӣ дар заминаи торик рендер карда шудаанд. Натиҷаҳои рамз ва нишондиҳанда ҳамчун кортҳои тирезаи терминал бо нуқтаҳои чароғаки роҳ, равшанкунии синтаксиси якфосила дар палитраи фосфорресентӣ ва ҳошияи сабзи хомӯшшуда пешниҳод карда мешаванд - онҳо ба скриншотҳои интерфейси воқеии сатри фармон монанданд. Логотипҳои муштарӣ ҳамчун тамғаҳои сабз-хокистарии серғизо дар як сатри якка ва пастконтраст нишон дода мешаванд, ки эътимодро бе рақобати визуалӣ нишон медиҳанд. Зичии умумӣ паст аст - аксари саҳифаҳо асосан матнро дар бар мегиранд ва тасвирҳо ҳамчун нуқтаҳои марказии инфиродӣ, на шабакаҳои аксҳо пешниҳод карда мешаванд. Аксҳо вуҷуд надоранд; тамоми системаи визуалӣ рендер карда шудааст, геометрӣ ва дурахшон.
Палитра
Бренд
- Lime Pulse
#7fee64— Унсурҳои асосии шахсияти корпоративӣ инҳоянд: логотип, даъвати асосӣ ба амал (CTA), пур кардани тегҳо, ҳолатҳои фаъол ва ранги асосии тасвир.
Бетараф
- Phosphor White
#ddffdc— Матни асосӣ, ранги унвон, контури нишона ва матни пуркардашудаи тугма сатҳи асосии хондашаванда мебошанд. - Void Black
#000000— Канваси саҳифа, амиқтарин қабати замина - Ground Iron
#181818— Пур кардани тугмаи асосӣ, сатҳҳои корт дар ҷойҳои торик, сатҳи асосии интерфейси корбар. - Carbon Veil
#212525— Сатҳҳои баланд, заминаи навигатсия, каме сабуктар аз замин. - Circuit Border
#485346— Чаҳорчӯбаи контурӣ/амали арвоҳ, хати тунуки асосии интерактивӣ, ранги сабзранг-хокистарии хомӯш дорад. - Phosphor Blue-Black
#1f2a33— Хатҳои борики дуюмдараҷаи аломатгузорӣ, ки зарбаҳоро байни рахҳои торик тақсим мекунанд.
Типография
аз 12 то 64 пиксел · 8 қадам
- Goga — ивазкунӣ: Inter Tight or Space Grotesk · контурҳо 400, 500 · Шрифти сарлавҳа ва зерсарлавҳа – Барои ҳамаи сарлавҳаҳо ва кортҳои H1–H4 истифода мешавад. Goga як шрифти геометрии фармоишии sans-serif бо сӯрохиҳои танг ва терминалҳои каме чоркунҷа мебошад. Вазни миёна (500) барои равшан кардани сарлавҳаҳои сатҳи кортҳо нигоҳ дошта мешавад; вазни муқаррарӣ (400) барои сарлавҳаҳои қаҳрамон ва бахш истифода мешавад. Барои дастрасӣ ба шаклҳои алтернативии глиф, ки шахсияти Modal-ро муайян мекунанд, маҷмӯи услубии 'ss01'-и он бояд фаъол карда шавад. Фосилаи ҳарфҳои манфӣ тадриҷан аз -0.007em дар 48px то -0.017em дар 21px кам мешавад.
- Inter Variable — ивазкунӣ: Inter · контурҳо 400, 500 · Интерфейси корбар ва нусхаи матн – навигатсия, тугмаҳо, нусхаи матн, нишонаҳо, поёни саҳифа. Вазни миёна (500) барои унсурҳои интерактивӣ ва навигатсия пешфарз истифода мешавад; муқаррарӣ (400) барои параграфҳо истифода мешавад. Фосилаи ҳарфҳо ҳатто дар андозаҳои хурд (-0.026em дар 14px, -0.022em дар 16px) ба таври назаррас кам карда мешавад, ки ба интерфейс зичии фишурдашудаи терминалӣ медиҳад. Барои аломатҳои пунктуатсионӣ, варианти аломати 'cv11' бояд дохил карда шавад. Нишонаҳои ҳама ҳарфҳои калон дар 12px фосилаи ҳарфҳои +0.05em-ро барои мувозинат кардани зичии нусхаи матн истифода мебаранд.
Фосилаҳо ва шакл
| Мақсад | Маънӣ |
|---|---|
| Зичӣ | миёна |
| Қадами асосӣ | 20px |
| Радиуси тугма | 12px |
| Радиуси корт | 8px |
| Сояҳо | бе марзҳо ба ҷои сояҳо |
| Байни бахшҳо | 80px |
| Паҳнои саҳифа | 1280px |
Соҳиби зеҳни сунъӣ вебсайти шуморо бо услуби Modal месозад ва онро пур мекунад
- Тавассути истинод - Instagram, TikTok, Facebook, маҳсулот ва паёмҳоро пур кунед.
- Мундариҷаро аз сомонаи кӯҳнаи худ интиқол диҳед — танҳо суроғаро муайян кунед.
- Тарроҳии муосир дар беҳтарин муҳаррик: React ( Next.js) бо рендеринги сервер ва беҳсозии SEO аз қуттӣ.
- Беҳсозии пурра автоматии SEO барои натиҷаҳои ҷустуҷӯ ва тавсияҳои шабакаи асаб.
Услубҳои монанд
- Slash — Анбори нисфишабӣ бо дафтарҳои тиллоӣ
- AgentQL — Чароғҳои шимолӣ дар болои терминал шабона
- GitHub — Панели фармондеҳии фазоӣ бо нуқтаҳои идоракунии биолюминесцентӣ - фазои кории торик ва атмосфера, ки дар он як дурахши сабз роҳи пешрафтро нишон медиҳад.
- Doppler — Равшании арғувонии гунбаз нисфи шаб. Холсти қариб сиёҳ бо як сигнали лаванда ва чароғи тасдиқи сабз медурахшад ва ҳар як сатҳ ба қадри кофӣ каҷ аст, ки онро дарк кардан мумкин аст.
- Basedash — Терминали додаҳои нисфи шаб бо шрифти мат. Расадхонаи торик, ки дар он метрикаҳо арғувонӣ ва сабз медурахшанд, сарлавҳаҳои сериф дар болои садо шино мекунанд ва тугмаҳои сафеди шакли ҳаб ягона ашёи дурахшон дар ҳуҷраи сатҳҳои сиёҳи нарм мебошанд.
- Superwhisper — Нурҳои шимолӣ дар болои шишаи нисфи шаб нопадид мешаванд
- Better Stack — Консоли SRE-и нисфи шаб
- Langbase — Консоли чароғҳои шимолии нисфи шаб
- Astro — Идоракунии миссияи кайҳонии амиқ бо як дурахши арғувонӣ аз туман
- Wayfinder — Экрани сиёҳи филм бо унвони қариб шуниданашаванда, ки дар болои тасвири зинда ҷойгир аст. Интерфейс слайдери равшанӣ аст, на панели идоракунӣ.
- HashiCorp — Утоқи идоракунӣ дар нисфи шаб бо неони арғувонӣ сатҳи техникии торике аст, ки дар он як мукааби шашкунҷаи дурахшон ягона истиноди ранг аст.
- Umbrel — Оташдони бароҳат дар утоқи шабонаи сервер - як ҳуҷраи торик, ки дар он як дурахши шафтолуранг он чизеро, ки воқеан муҳим аст, нишон медиҳад.