Huly
Северни светла во полноќната опсерваторија - протагонистот е вертикален зрак од виолетова боја што исчезнува во корал, а секој тивок дел под него ја позајмува истата двотонска приказна раскажана со потивок тон.
Хули го евоцира амбиентот на космички работен простор: речиси црно платно со еден виолетово-килибарен сјај што го сече главниот елемент, а под него, попригушена мрежа за зголемена продуктивност. Системот работи во тесен опсег на бои - една светло сина и една корална боја ја вршат целата работа за брендирање наспроти слоевитите графитни површини, така што темниот режим никогаш не се чувствува неутрален. Типографијата е во интер-стил за сè што е функционално, со прилагоден фонт (Esbuild) резервиран за клучни точки, со висина од 80–84px и агресивен негативен растојание помеѓу буквите. Компонентите се во облик на капсула: радиуси од 9999px на контролите, 12px на картичките, минимална сенка и светлечки градиентни линии како главна декорација. Страницата се менува помеѓу темни области на целата страница и мирни светли делови, така што секој нов екран треба да одлучи за режимот пред да избере бои.
Почетната страница со целосна ширина содржи вертикален зрак на северната светлина и наслов порамнет лево, заедно со слика од екранот на производот поставена во долниот десен агол. Под почетната страница се наоѓа содржина со максимална ширина од 1200 пиксели, наизменично темни и светли ленти. Секој дел е еден вертикален блок: заглавие плус мрежа од картички со 3 или 4 колони одделени со празнини од 96 пиксели. Делот „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 — Сончево осветлено работно место со хартиен дневник – топла крем маса, белешки со мастило, едно црвено пенкало