Huly
Түнкү обсерваториядагы түндүк жаркыроолору - башкы каарман - кочкул кызыл түстөгү маржанга айланган вертикалдуу нур, ал эми анын астындагы ар бир тынч бөлүктө ошол эле эки түстүү окуя басаңдатылган үн менен баяндалат.
Huly космостук жумуш мейкиндигинин атмосферасын эске салат: негизги элементти кесип өткөн бир гана кызгылт көк-янтарь жарыгы бар дээрлик кара полотно, ал эми анын астында өндүрүмдүүлүктү жогорулатуу үчүн жумшак торчо бар. Система тар түс диапазонунда иштейт — бир ачык көк жана бир коралл катмарлуу графит беттерине каршы бардык брендинг иштерин аткарат, ошондуктан караңгы режим эч качан нейтралдуу сезилбейт. Типография бардык функционалдуу нерселер үчүн Inter-style болуп саналат, негизги пункттар үчүн сакталган атайын шрифт (Esbuild) менен, 80–84 пиксель аралыгы жана агрессивдүү терс тамга аралыгы бар. Компоненттер капсула формасында: башкаруу элементтеринде 9999 пиксель радиустар, карталарда 12 пиксель, минималдуу көлөкө жана негизги жасалгалоо катары жаркыраган градиент сызыктары. Барак толук баракчанын караңгы аймактары жана тынч жарык бөлүктөрү ортосунда алмашып турат, андыктан ар бир жаңы экран түстөрдү тандоодон мурун режимди тандап алышы керек.
Толук туурасындагы башкы бетте түндүк жаркыроосунун вертикалдуу нуру жана солго тегизделген аталыш, ошондой эле төмөнкү оң жагында жайгашкан продукттун скриншоту бар. Башкы беттин астында максималдуу туурасы 1200 пиксел болгон мазмун аймагы, кезектешип турган караңгы жана ачык тилкелер бар. Ар бир бөлүм бир тик блоктон турат: аталыш жана 96 пикселдик боштуктар менен бөлүнгөн 3 же 4 тилкелүү карталар торчосу. "MetaBrain" бөлүмү торчону борборлоштурулган аталыш жана ар кандай өлчөмдөгү карталардын мозаикасы менен бөлөт (чоң негизги карта жана кичирээк колдоо карталары). Барак мазмунга бай, SaaS стандарттарына ылайык келет, бирок ар бир бөлүмгө дем алууга орун берүү үчүн кезектешип караңгы жана ачык тилкелерди колдонот. Навигация - бул жылдырганда тунук болбой калган бир тунук үстүнкү тилке.
Негизги элемент - бул сүрөттөрсүз таза аврора градиенти. Бардык иллюстрациялар продуктунун колдонуучу интерфейсинин чыныгы скриншоттору (караңгы режимдеги Канбан, почта кутусу, календарь), далил жана кооздук катары кызмат кылган карта рамкаларына жайгаштырылган. Жашоо образынын сүрөттөрү, сток сүрөттөрү, 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ден 80 пикселге чейин · 8 кадам
- Inter — алмаштыруу: DM Sans · контурлар 300, 400, 500, 600, 700 · Колдонуучу интерфейсиндеги бардык функционалдык тексттер — негизги текст, навигация, баскычтар, тизме элементтери, энбелгилер жана кичинекей аталыштар — басым жасоо үчүн 500–600 шрифт, негизги текст үчүн 400 жана байкалбаган метадайындар үчүн сейрек 300 шрифт менен колдонулат.
- Esbuild — алмаштыруу: Sora · контурлар 400, 500, 600 · Көрсөтүү үчүн гана: баштапкы аталыштар, бөлүмдөрдүн аталыштары жана MetaBrain макалаларынын аталыштары. Кыскартылган геометрия жана тамгалардын ортосундагы аралык SaaS долбоорлоруна караганда 84px редакциялык иш үчүн көбүрөөк ылайыктуу деген таасир калтырат. Эч качан 28pxтен төмөн колдонбоңуз.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | кенен |
| Негизги кадам | 12px |
| Баскычтын радиусу | 9999px |
| Картанын радиусу | 12px |
| Көлөкөлөр | жумшак көлөкөлөр |
| Бөлүмдөрдүн ортосунда | 96px |
| Барактын туурасы | 1200px |
Жасалма интеллект сиздин веб-сайтыңызды Huly стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- monday — Пастел стикерлери бар ак түстөгү устакана
- Slack — Сахна ак прожекторлор менен баклажан түсүндө жасалгаланган. Караңгы жерлеринде кочкул кара өрүк түсү басымдуулук кылса, ак түстөгү полотно чоң, авангарддык чыгармалардын эркин дем алышына мүмкүндүк берет.
- Base44 — Лайм маркери бар күн нуру тийген дептер
- Supahub — Кызгылт көк кыркадагы жумшак күндүзгү нур. Көбүнчө ак, абадай кенеп, бир гана ачык кызгылт көк күн менен жарыктандырылган, декоративдүү градиенттүү сфералар терс мейкиндикке түстөрдү төгүп, кең тегеректелген геометрия ар бир бетке жагымдуу, сезилерлик оордук берет.
- Raycast — Түнкү командалык борбору, Корал Неон
- Dimension — күүгүмдө жарыктандырылган, айнек панелдери менен капталган жумушчу станция
- Wiza — Күүгүм кирип, лаванда түстүү туман каптаган минералдарды изилдөөчү обсерватория.
- Paste — Ак мрамордогу янтарь түстүү фонарь — бренддин жылуу градиент логотиби кең ак мейкиндикте, кар баскан имараттын жалгыз жарыктандырылган терезесиндей калкып турат.
- Reworkd — Продукциянын диаграммасындагы жумшак күндүзгү жарык - бул өзү үчүн сүйлөгөн жалгыз түс, ал аракет баскычы жана анын үстүндөгү градиент аталышы.
- Reflect Notes — Жылдыздуу кызгылт көк мейкиндик – бул дээрлик кара индиго боштугунун фонунда ноталар топ жылдыздардай калкып жүргөн караңгы обсерватория.
- Ameba — Түн ортосу боюнча башкаруу бөлмөсү – күңүрт айнек панелдердин ичиндеги көк электрдик импульс
- Todoist — Күн тийген жумуш орду, кагаз күндөлүк – жылуу каймак түстөгү стол, сыя жазуулар, бир кызыл калем