Modal
Фосфоресцентни терминал у замраченој серверској соби - једини извор светлости је јарко зелене боје
Модал функционише као фосфоресцентни терминал у замраченој серверској соби: скоро црно платно, бледозелени текст и један јарко лимунзелени акценат који служи као ЛЕД индикатор статуса. Језик дизајна је фокусиран на програмере – прозори кода са једноструким распоредом и тачкама семафора, изометријске 3Д иконе у карактеристичној зеленој боји и пуно белог простора, што омогућава да један елемент у сваком одељку светли. Типографија је подељена између прилагођеног фонта (Goga) за наслове и променљивог фонта (Inter) за све елементе корисничког интерфејса, оба подешена са уским негативним праћењем. Боје су равномерно распоређене: већина екрана је ахроматска, а јарко лимунзелена боја се појављује само на кључним радњама, логотипу, 3Д илустрацијама и тренуцима нагласка. Компоненте су равне и без оквира, са дубином створеном суптилним зеленим оквирима и замућењем позадине, а не сенкама.
Модал користи тамни распоред пуне ширине са максималном ширином од 1280 пиксела за смештај садржаја. Главни прозор је центриран: наслов (прва реченица у лимета зеленој боји), поднаслов, два позива на акцију и један 3Д објекат као визуелно сидро — без одвајања распореда од бочне траке. Одељци садржаја прате једнообразни ритам: ознака за обрве (велика слова, Moss 70) → Гога наслов → пригушен текст тела, затим или распоред са две колоне са описом функције (текст + код/визуелна картица) или мрежа са три колоне са картицама. Размаци између одељака су издашни — 80 пиксела. Страница се смењује између дубоких празних (#000000) и мало светлијих позадинских (#181818) пруга, са једним светлим делом (#def0dd) који се појављује на средини странице као визуелни предах. Навигација се састоји од једне, фиксиране горње траке са замућеном позадином — без бочне траке или мега-менија. Футер је компактан и таман, са пригушеним зеленим колонама линкова. Густина текста је удобна: сваком одељку је дато довољно простора, а мреже картица користе највише три колоне.
Модалов визуелни језик је подељен у два режима: 3Д рендеровање производа који светле и тамне макете прозора кода. Фокусна тачка је једна 3Д коцка рендерована коришћењем маркетиншког градијента (од лименозелене до смарагдне), смештена унутар радијалног градијентног ореола који обасјава празан простор зеленом светлошћу - препознатљив визуелни стил бренда. Картице радног оптерећења садрже изометријске 3Д иконе (коцка са жичаним оквиром, чврсто степениште, слојеви) рендероване у истој лименозеленој боји на тамној позадини. Резултати кода и бенчмаркова су представљени као картице прозора терминала са тачкама семафора, моноразмакним истицањем синтаксе у фосфоресцентној палети и пригушеном зеленом ивицом - подсећају на снимке екрана правог интерфејса командне линије. Логотипи клијената су приказани као незасићене зелено-сиве ознаке у једном реду ниског контраста, сигнализирајући поверење без визуелне конкуренције. Укупна густина је ниска - већина страница садржи претежно текст, а слике су представљене као појединачне фокалне тачке, а не као мреже фотографија. Нема фотографија; цео визуелни систем је рендерован, геометријски и блистав.
Палета
Brend
- 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 је прилагођени геометријски фонт без серифа са уским отворима и благо квадратним завршецима. Средња тежина (500) је резервисана за истицање наслова на нивоу картица; нормална тежина (400) се користи за наслове хероја и одељака. Да бисте приступили алтернативним облицима глифова који дефинишу идентитет Модала, мора бити омогућен његов стилски скуп „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 — Удобна ватришна јама у ноћној серверској соби - мрачна соба где један бресквасти сјај истиче оно што је заиста важно.