Huly
Нурҳои шимолӣ дар расадхонаи нисфи шаб - қаҳрамони асосӣ як шуои амудии арғувонӣ аст, ки ба марҷон табдил меёбад ва ҳар як қисмати ороми зери он ҳамон достони дурангро, ки бо оҳанги оромтар нақл шудааст, қарз мегирад.
Ҳули фазои фазои кории кайҳониро ба хотир меорад: як матои қариб сиёҳ бо як дурахши бунафш-қаҳрабо, ки унсури асосиро мебурад ва дар зери он шабакаи оромтар барои баланд бардоштани ҳосилнокӣ. Система дар доираи рангҳои танг кор мекунад - як кабуди дурахшон ва як марҷон ҳама корҳои брендингро дар рӯи сатҳҳои графити қабатӣ иҷро мекунанд, аз ин рӯ режими торик ҳеҷ гоҳ бетараф ба назар намерасад. Типография барои ҳама чизҳои функсионалӣ Inter-style аст, ки бо шрифти фармоишӣ (Esbuild) барои нуқтаҳои асосӣ нигоҳ дошта шудааст, бо қадами 80-84 пиксел ва фосилаи ҳарфҳои манфии хашмгин. Компонентҳо шакли капсула доранд: радиусҳои 9999 пиксел дар идоракунӣ, 12 пиксел дар кортҳо, сояи ҳадди ақал ва хатҳои градиенти дурахшон ҳамчун ороиши асосӣ. Саҳифа байни минтақаҳои торикии пурраи саҳифа ва қисматҳои равшани ором иваз мешавад, аз ин рӯ ҳар як экрани нав бояд пеш аз интихоби рангҳо дар бораи режим қарор қабул кунад.
Саҳифаи асосии пурра дорои нури амудии чароғҳои шимолӣ ва сарлавҳаи ба тарафи чап ростшуда, инчунин скриншоти маҳсулот дар тарафи рости поён мебошад. Дар поёни саҳифаи асосӣ майдони мундариҷа бо паҳнои максималӣ, 1200 пиксел, ки рахҳои торик ва равшанро иваз мекунад, ҷойгир аст. Ҳар як бахш аз як блоки амудӣ иборат аст: сарлавҳа ва шабакаи 3 ё 4-сутунии кортҳо, ки бо фосилаҳои 96 пиксел ҷудо шудаанд. Бахши "MetaBrain" шабакаро бо сарлавҳаи марказӣ ва мозаикаи кортҳои андозаҳои гуногун (корти асосии калон ва кортҳои хурдтари ёрирасон) ҷудо мекунад. Саҳифа аз ҷиҳати мундариҷа пурқувват аст ва стандартҳои SaaS-ро риоя мекунад, аммо аз рахҳои торик ва равшани ивазшаванда истифода мебарад, то ба ҳар як бахш фазои нафаскашӣ диҳад. Навигатсия як сатри болоии ягонаи шаффоф аст, ки ҳангоми ҳаракат кардан ношаффоф мешавад.
Унсури асосӣ градиенти софи шафақ аст, ки аз аксҳо холӣ аст. Ҳамаи тасвирҳо скриншотҳои воқеии UI-и маҳсулот мебошанд (Канбан дар ҳолати торик, паёмдони даромад, тақвим), ки дар чаҳорчӯбаҳои кортӣ ҷойгир шудаанд ва ҳам ҳамчун далел ва ҳам ороиш хизмат мекунанд. Аксҳои тарзи зиндагӣ, тасвирҳои саҳҳомӣ, тасвирҳои 3D нестанд. Ягона унсури визуалӣ, ки ба UI алоқаманд нест, дурахши гарми офтобии радиалӣ дар поёни шафақ аст, ки ҳамчун градиенти CSS нишон дода шудааст. Нишонаҳо нишонаҳои хати монохромӣ бо ранги #95979 ё сафед мебошанд, ҳеҷ гоҳ ранги бисёрранга надоранд. Система UI-и торикии худро ҳамчун унсури асосӣ баррасӣ мекунад - маҳсулот аксҳо мебошанд.
Палитра
Бренд
- 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 · Танҳо барои намоиш: унвонҳои splash, сарлавҳаҳои бахшҳо ва унвонҳои мақолаҳои 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 — Фазои кории офтобӣ бо рӯзномаи коғазӣ - мизи кории гарми қаймоқӣ, қайдҳои сиёҳӣ, як қалами сурх