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 жобаларына қарағанда 84 пиксель редакциялық жұмысқа көбірек сәйкес келетіндей әсер қалдырады. Ешқашан 28 пиксельден төмен өлшемді пайдаланбаңыз.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | кең |
| Негізгі қадам | 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 — Күн сәулесі түсетін жұмыс орны, қағаз күнделігі – жылы крем түсті үстел, сиямен жазылған жазбалар, бір қызыл қалам