Dala
сузор'е, якое лунала на чорным аксаміце
Dala уяўляе сабой цёмную прастору, дзе чорныя пустэчы сустракаюцца з адзіным яркім фіялетавым акцэнтам, перапыняемым бурштынавымі іскрамі. Друкарня маналітная і бязважкая - шрыфт PPNeueMontreal з напісаннем 400 дамінуе ў кожным загалоўку ў павялічаным маштабе (78-113px) з агрэсіўнай адмоўнай міжлітарнай адлегласцю, таму загалоўкі здаюцца хутчэй скульптурнымі, чым інфарматыўнымі. Візуальным цэнтрам з'яўляецца сузор'е малюсенькіх рознакаляровых трохкутных часціц, якія ўтвараюць арганічную форму мозгу, якая служыць фірмовым жэстам брэнда: веданне, злучаны іх як размеркаваны інтэлект, а не іерархічныя дадзеныя. Макет варта прасторнаму двухкалонкаваму рытму - павялічаныя загалоўкі, выраўнаваныя па левым краі, у спалучэнні з шырокім асноўным тэкстам, парылыя на чыстым чорным фоне без панэляў, рамак або картак. Кампаненты наўмысна зведзены да сваёй найбольш істотнай формы: адна фіялетавая кнопка-таблетка, утоеныя тэкставыя спасылкі і тэкставыя блокі вялікага фармату.
Часткі, якія займаюць усю шырыню старонкі, размешчаны на чыста чорным палатне, максімальная шырыня кантэнту ~1280px па цэнтры. Галоўны раздзел уяўляе сабой асіметрычны двухкалонкавы падзел: буйны загаловак, выраўнаваны па левым краі (113px), з асноўным тэкстам і заклікам да дзеяння ў левай палове, а візуалізацыя «мозгу з часціц» займае правую палову ў велізарным маштабе. Наступныя раздзелы чаргуюць двухкалонкавую кампазіцыю (візуальны злева/тэкст справа, затым тэкст злева/візуальны справа), ствараючы зігзагападобны рытм чытання. Прамежкі паміж раздзеламі дастаткова вялікія (60-120px па вертыкалі). Ніякіх картачных сетак, табліц коштаў, шматкалонкавых блокаў з апісаннем функцый - кантэнт размяшчаецца ў прасторных двухкалонкавых тэкстава-візуальных блоках. Навігацыя ўяўляе сабой мінімалістычную празрыстую верхнюю панэль, без бакавой панэлі і мега-меню. Шчыльнасць размяшчэння элементаў надзвычай высокая - адзін ці два элементы на вобласць прагляду, ніколі не перагружаныя інфармацыяй.
Візуальнае афармленне цалкам працэдурнае і абстрактнае - ніякіх фатаграфій, акрамя камандных партрэтаў. Фірменны візуальны вобраз - шчыльнае воблака з тысяч малюсенькіх трохкутных часціц з контурамі, выкананых у поўным яркім спектры (фіялетавыя, бурштынавыя, бірузовыя, пурпурныя, сінія), якія ўтвараюць арганічную форму мозгу/нейрона. Гэтае поле часціц аніміравана і служыць адначасова і асноўнай выявай, і элементам фірмовага стылю. Навакольныя часціцы з меншай шчыльнасцю перамяшчаюцца па фоне старонкі. Трохкутнікі маюць контуры, таўшчыню лініі 1-2px, вострыя краі, насычаныя храматычныя колеры - ніколі не ў адценнях шэрага. Камандныя партрэты адлюстроўваюцца ў выглядзе вялікіх закругленых прастакутнікаў (радыус 124px) без рамак або накладанняў. Ніякіх скрыншотаў прадуктаў, ніякіх фатаграфій у стылі лайфстайл, ніякіх 3D-рэндэраў - сістэма часціц З'ЯЎЛЯЕЦЦА візуальным брэндам.
Палітра
Брэнд
- Electric Iris
#8052ff— Асноўныя кнопкі дзеянняў, лагатып, фірмовыя акцэнты - адзіны насычаны фіялетавы колер, які сігналізуе аб інтэрактыўнасці і ідэнтычнасці брэнда на чорным фоне.
Нейтральныя
- Void
#000000— Палатно старонкі, фон частак, негатыўная прастора - дамінантнай паверхняй з'яўляецца чысты чорны колер, а не цёмна-шэры, які стварае пустэчу, якая дазваляе храматычных акцэнтаў свабодна размяшчацца. - Bone White
#ffffff— Загалоўкі, асноўны тэкст, заліванне абразкоў, актыўны стан навігацыі - адзіны друкарскі колер, які забяспечвае максімальную іерархію на чорным фоне. - Ash Gray
#9a9a9a— Прыглушаны тэкст навігацыі, напаўпразрысты колер спасылак, дадатковыя пазнакі - хаваюцца за асноўным тэкстам, не становячыся нябачнымі. - Silver Mist
#bdbdbd— Дадатковы тэкст, інфармацыя на ўзроўні подпісаў - найбольш ціхі і чытэльны шэры колер, для падтрымкі кантэксту. - Saffron Spark
#ffb829— Вылучэнне тэксту, акцэнтаванне спасылак, прыцягненне ўвагі з дапамогай знакаў прыпынку - цёплы жоўты колер на фіялетавым фоне стварае храматычнае напружанне брэнда. - Deep Verdant
#15846e— Другаснае таніраванне паверхні, градыентны прыпынак лагатыпа - выяўляецца як больш цёмны край градыенту брэнда і ў выглядзе ледзь прыкметных акцэнтных пераходаў.
Друкарня
ад 12 да 113px · 10 прыступак
- PPNeueMontreal — замена: Inter · напісання 200, 400, 600, 700 · Адзіны шрыфт для ўсіх кантэкстаў карыстацкага інтэрфейсу. Для загалоўкаў у памерах для адлюстравання (78-113px) выкарыстоўваецца таўшчыня 400 з міжлітарнай адлегласцю -0.04em - тая ж таўшчыня, што і ў асноўнага тэксту, але вялікі маштаб стварае іерархію. Таўшчыня 200 (звышлёгкі шрыфт) зарэзерваваная для асноўнага тэксту 18px, гэтае фірмовае рашэнне: большасць сайтаў AI/SaaS выкарыстаюць 400 для асноўнага тэксту, але Dala памяншае таўшчыню, каб абзацы выглядалі паветранымі і неагрэсіўнымі. Таўшчыня 600 з міжлітарнай адлегласцю 14px, міжлітарнай адлегласцю 0.025em і выкарыстаннем загалоўных літар выкарыстоўваецца для навігацыі і невялікіх загалоўкаў. Выкарыстанне ліку 400 як для загалоўкаў 113px, так і для асноўнага тэксту 15px незвычайна - гэта азначае, што брэнд належыць на маштаб, а не на таўшчыню, для стварэння іерархіі.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | шчыльная |
| Базавы крок | 6-18px |
| Радыус кнопак | 24px |
| Радыус картак | 24px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 60-120px |
| Шырыня старонкі | 1280px |
ІІ збярэ ваш сайт у стылі Dala і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Linear — інструмент паўночнай дакладнасці
- Resend — чорны аксаміт з фіялетавым неонавым колерам
- Ciridae — Пустое памяшканне з пульсацыяй тлеючых вуглёў - амаль чорны сабор, дзе адзіным цёплым гукам з'яўляецца тонкая лінія іржы, а кожная паверхня вызначаецца хутчэй тонкімі лініямі, чым ценем
- Dovetail — Схема чарцяжа пад чорным месяцам - ледзь прыкметныя лініі графіка, белы шрыфт, адна фіялетавая іскра
- Neon — Серверны пакой пасля наступлення цемры. Глыбокая цемра, дзе адзінымі крыніцамі святла з'яўляюцца дадзеныя і ўзаемадзеянне паміж карыстальнікамі
- Discord — Гульнявы свет скрыты за ўсплывальным акном чата - кожны раздзел уяўляе сабой самадастатковае асяроддзе са сваім уласным асвятленнем і наборам персанажаў.
- Aaru — Абсерваторыя поля часціц апоўначы
- Atlas Card — Паўночнае сховішча з адзіным сапфіравым промнем - абсалютная чорная роўнядзь, дзе адзінае, што мае значэнне, - гэта глыбокі электрычны сіні колер
- Midjourney — Біялюмінесцэнтны тэрмінал у глыбакаводных раёнах акіяна. Глыбакаводны свет, дзе інтэлект наглядна генеруе сябе ў патоках ASCII, а элементы кіравання выглядаюць як слаба свецяцца ўзоры
- Checkly — Цэнтр кіравання палётамі на далёкай арбіце
- Krea — галерэя нуар апоўначы
- Wope — Wope - інтэрфейс фіялетавага гарызонту. Уявіце сабе цёмны стол у абсерваторыі, з-пад шкла якога паднімаецца фіялетавы светлавы струмень