Huly
Северно сияние в полунощната обсерватория - главният герой е вертикален лъч от лилаво, преливащ в корал, а всяка тиха част под него заимства същата двуцветна история, разказана в по-приглушен тон.
Хюли извиква атмосферата на космическо работно пространство: почти черно платно с единично виолетово-кехлибарено сияние, прорязващо основния елемент, а под него - по-приглушена решетка за повишена производителност. Системата работи в тясна цветова гама - един ярко син и един коралов вършат цялата работа по брандирането срещу слоести графитни повърхности, така че тъмният режим никога не се усеща неутрален. Типографията е в интерстил за всичко функционално, с персонализиран шрифт (Esbuild), запазен за ключови точки, със стъпка от 80–84px и агресивно отрицателно разстояние между буквите. Компонентите са с форма на капсула: радиуси от 9999px на контролите, 12px на картите, минимални сенки и светещи градиентни линии като основна декорация. Страницата се редува между тъмни области на цяла страница и спокойни светли секции, така че всеки нов екран трябва да реши режима, преди да избере цветове.
Началната страница с пълна ширина е с вертикален лъч на северното сияние и заглавие, подравнено вляво, заедно със екранна снимка на продукта, разположена в долния десен ъгъл. Под началната страница има област със съдържание с максимална ширина 1200px, редуващи се тъмни и светли ивици. Всяка секция е един вертикален блок: заглавка плюс мрежа от 3 или 4 колони от карти, разделени с интервали от 96px. Секцията „MetaBrain“ разчупва мрежата с центрирано заглавие и мозайка от карти с различни размери (голяма основна карта плюс по-малки поддържащи карти). Страницата е наситена със съдържание, следвайки SaaS стандартите, но използва редуващи се тъмни и светли ивици, за да даде на всяка секция пространство за дишане. Навигацията е единична прозрачна горна лента, която става непрозрачна при превъртане.
Основният елемент е чист градиент на полярното сияние, без снимки. Всички илюстрации са действителни снимки на екрана на потребителския интерфейс на продукта (Kanban в тъмен режим, входяща поща, календар), рамкирани в рамки с карти, които служат едновременно като доказателство и декорация. Няма снимки от лайфстайл, няма стокови изображения, няма 3D рендери. Единственият визуален елемент, който не е свързан с потребителския интерфейс, е топло, радиално слънчево сияние в основата на полярното сияние, рендирано като CSS градиент. Иконите са монохромни линейни икони в цвят #95979 или бяло, никога многоцветни. Системата третира собствения си тъмен потребителски интерфейс като основен елемент – продуктът са снимките.
Палитра
Марка
- Electric Iris
#5683da— Основният фон, индикаторът за активна навигация и поразителният акцент „Северно сияние“ – ярък виолетово-син цвят на черен като смола фон – създават впечатление за ангажираност, а не за корпоративна активност. - Ember Pulse
#ff8964— Вторичен акцент, топла зона на северно сияние, точка за уведомяване и илюстративен акцент - кехлибарен оттенък, който разчупва трезвостта на синьото и добавя топлина към лъча.
Неутрален
- Obsidian Canvas
#303236— Фонът на страницата, доминиращата повърхност, е почти черен цвят с лек намек за топлина, стандартната среда за цялото съдържание. - Void
#090a0c— Най-дълбокият повърхностен слой за градиенти на главния екран, модални фонове и рамки, които трябва да се сливат с платното. - Charcoal Card
#111111— Повдигнати повърхности, изработени от картон и панели, разположени на една стъпка над платното. - Slate Edge
#4a4b50— Фини рамки и разделители върху тъмни повърхности - Iron Veil
#6b6c6d— Затъмнен фон за етикети, запълвания на елементи от списъка и деактивирани запълвания. - Smoke
#95979e— Контурите на иконите, допълнителният текст и неактивните контроли са основният работен елемент в средно сиво.
Типография
от 11 до 80px · 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 — Слънчево работно място с хартиен дневник – бюро в топъл кремав цвят, бележки с мастило, една червена химикалка