Huly
Северна светлост у поноћној опсерваторији - протагониста је вертикални сноп љубичасте боје који прелази у коралну, а сваки тихи део испод њега позајмљује исту двобојну причу испричану у пригушенијем тону.
Хули евоцира амбијент космичког радног простора: скоро црно платно са једним љубичасто-ћилибарним сјајем који сече кроз главни елемент, а испод њега, пригушенија мрежа за повећану продуктивност. Систем функционише у уском распону боја - једна јарко плава и једна корална обављају сав посао брендирања на слојевитим графитним површинама, тако да тамни режим никада не делује неутрално. Типографија је интерстилска за све функционално, са прилагођеним фонтом (Esbuild) резервисаним за кључне тачке, са распоном од 80–84px и агресивним негативним размаком између слова. Компоненте су у облику капсуле: радијуси од 9999px на контролама, 12px на картицама, минимална сенка и светлеће градијентне линије као главна декорација. Страница се смењује између тамних области преко целе странице и мирних светлих делова, тако да би сваки нови екран требало да одлучи о режиму пре избора боја.
Почетна страница пуне ширине садржи вертикални сноп северне светлости и наслов поравнат лево, заједно са снимком екрана производа постављеним у доњем десном углу. Испод почетне странице налази се област садржаја максималне ширине, 1200 пиксела, са наизменичним тамним и светлим пругама. Сваки одељак је један вертикални блок: заглавље плус мрежа од 3 или 4 колоне са картицама раздвојеним размацима од 96 пиксела. Одељак „MetaBrain“ прекида мрежу центрираним насловом и мозаиком картица различитих величина (велика главна картица плус мање помоћне картице). Страница је пуна садржаја, пратећи SaaS стандарде, али користи наизменичне тамне и светле пруге како би сваки одељак имао простора за „дише“. Навигација је једна провидна горња трака која бледи у непрозирну док скролујете.
Главни елемент је чисти градијент ауроре, без фотографија. Све илустрације су стварни снимци екрана корисничког интерфејса производа (Канбан у тамном режиму, пријемно сандуче, календар), урамљени у оквире за картице који служе и као доказ и као декорација. Нема фотографија животног стила, нема стокових слика, нема 3Д рендеровања. Једини визуелни елемент који није повезан са корисничким интерфејсом је топао, радијални сјај сунца у основи ауроре, приказан као CSS градијент. Иконе су монохроматске линијске иконе у боји #95979 или белој, никада вишебојне. Систем третира сопствени тамни кориснички интерфејс као главни елемент - производ су фотографије.
Палета
Brend
- Electric Iris
#5683da— Главна позадина, индикатор активне навигације и упечатљив акценат северног светла - жива љубичасто-плава боја на црној позадини - стварају утисак ангажованости, а не корпоративне активности. - Ember Pulse
#ff8964— Секундарни акценат, топла зона северног светла, тачка обавештавања и истакнути део илустрације — ћилибарна нијанса која прекида трезвеност плаве и додаје топлину снопу.
Неутрално
- Obsidian Canvas
#303236— Позадина странице, доминантна површина, је готово црне боје са благим назнаком топлине, стандардног окружења за сав садржај. - Void
#090a0c— Најдубљи површински слој за градијенте на главном екрану, модалне позадине и оквире који би требало да се уклопе у платно. - Charcoal Card
#111111— Подигнуте површине од картона и панела, постављене један корак изнад платна. - Slate Edge
#4a4b50— Суптилне ивице и раздели на тамним површинама - Iron Veil
#6b6c6d— Затамњена позадина за ознаке, попуњавања ставки листе и онемогућена попуњавања. - Smoke
#95979e— Обриси икона, додатни текст и неактивне контроле су примарни радни елемент у средње сивој боји.
Типографија
од 11 до 80 пиксела · 8 корака
- Inter — замена: DM Sans · обриси 300, 400, 500, 600, 700 · Сав функционални текст у корисничком интерфејсу – текст у телу, навигација, дугмад, ставке листе, ознаке и мали наслови – користи се са дебљином фонта од 500–600 за наглашавање, 400 за текст у телу и 300 ретко за неупадљиве метаподатке.
- Esbuild — замена: Sora · обриси 400, 500, 600 · Само за приказ: уводни наслови, наслови одељака и наслови чланака на MetaBrain-у. Кондензована геометрија и мали размак између слова стварају утисак да је 84px погодније за уреднички рад него за SaaS пројекте. Никада не користите испод 28px.
Интервали и форма
| Сврха | Значење |
|---|---|
| Густина | простран |
| Основни корак | 12px |
| Радијус дугмета | 9999px |
| Радијус картице | 12px |
| Сенке | меке сенке |
| Између одељака | 96px |
| Ширина странице | 1200px |
Вештачка интелигенција ће изградити ваш веб сајт у Huly стилу и попунити га
- Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
- Пребаците садржај са вашег старог сајта — само наведите адресу.
- Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
- Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.
Слични стилови
- monday — Бела радионица са пастелним налепницама
- Slack — Сцена је боје патлиџана са белим рефлекторима. Дубока нијанса шљиве доминира тамним деловима, док прљаво бело платно омогућава великим, авангардним насловима да слободно дишу.
- Base44 — Свеска обасјана сунцем са кречним маркером
- Supahub — Мека дневна светлост на љубичастом гребену. Углавном бело, прозрачно платно осветљено једним јарко љубичастим сунцем, са декоративним градијентним сферама које преливају боју у негативни простор и великодушном заобљеном геометријом која свакој површини даје пријатну, опипљиву тежину.
- Raycast — Поноћни командни центар, Корал Неон
- Dimension — радно место осветљено сумраком са плочама од матираног стакла
- Wiza — Опсерваторија за истраживање минерала у сумрак, обавијена лавандином маглом.
- Paste — Ћилибарни фењер на белом мермеру - топли градијентни лого бренда лебди у огромном белом простору, попут јединог осветљеног прозора у згради прекривеној снегом.
- Reworkd — Мека дневна светлост на дијаграму производа је једина боја која говори сама за себе, то је дугме за акцију и градијентни наслов изнад њега.
- Reflect Notes — Звездани љубичасти простор је мрачна опсерваторија где ноте лебде попут сазвежђа на позадини готово црне индиго празнине.
- Ameba — Контролна соба у поноћ – електрично плави пулс унутар матираних стаклених панела
- Todoist — Сунцем обасјан радни простор са папирним дневником – топло кремасти сто, белешке са мастилом, једна црвена оловка