Dala
кара баркыттын үстүндө калкып турган топ жылдыз
Dala кара боштуктар бир гана ачык кызгылт көк акцент менен кездешкен караңгы мейкиндикти сунуштайт, ал эми янтарь жаркыроолору менен үзгүлтүккө учурайт. Типография монолиттүү жана салмаксыз — 400 салмактагы PPNeueMontreal шрифти ар бир аталышты чоң өлчөмдө (78–113 пиксель) жана агрессивдүү терс тамга аралыктары менен үстөмдүк кылат, бул аталыштарды маалыматтуу эмес, скульптуралык сезимге ээ кылат. Визуалдык борбор – бул кичинекей, көп түстүү үч бурчтуу бөлүкчөлөрдүн топ жылдызы, алар органикалык мээ формасын түзөт, ал бренддин кол тамгасы катары кызмат кылат: билим иерархиялык маалыматтар эмес, бөлүштүрүлгөн интеллект катары визуалдалат. Макет эки тилкелүү кең ритмге ылайык келет — чоң, солго тегизделген аталыштар кеңири негизги текст менен жупташкан, панелдерсиз, рамкаларсыз же карталарсыз таза кара фондо калкып жүрөт. Компоненттер атайылап эң маанилүү формасына чейин кыскартылган: бир кызгылт көк таблетка баскычы, жашыруун текст шилтемелери жана чоң текст блоктору.
Толук туурасы бар бөлүмдөр таза кара полотного жайгаштырылган, максималдуу мазмундун туурасы ~1280px борборлоштурулган. Негизги бөлүмдө асимметриялык эки тилкелүү макет бар: сол жакты тегизделген чоң аталыш (113px), сол жарымында негизги текст жана аракетке чакыруу бар, ал эми "бөлүкчө мээси" визуализациясы оң жарымын эбегейсиз масштабда ээлейт. Кийинки бөлүмдөр эки тилкенин ортосунда кезектешип турат (сол жактагы визуалдык/оң жактагы текст, андан кийин сол жактагы/оң жактагы визуалдык текст), бул зигзаг окуу ритмин түзөт. Бөлүмдөрдүн ортосундагы арыктар кенен (60–120px вертикалдуу). Карта торчолору, баа таблицалары же көп тилкелүү функциялардын сүрөттөмөлөрү жок — мазмун кенен эки тилкелүү текст-визуалдык блоктордо жайгаштырылган. Навигация - бул каптал тилкеси же мега-менюсу жок минималисттик тунук үстүнкү тилке. Элементтердин тыгыздыгы өтө жогору - ар бир көрүү терезесинде бир же эки элемент, эч качан маалымат менен ашыкча жүктөлбөйт.
Визуалдык дизайн толугу менен процедуралык жана абстракттуу — командалык портреттерден башка сүрөттөр жок. Бренддин визуалдык идентификациясы – бул толук, жандуу спектрде (кызгылт көк, янтарь, бирюза, кызгылт көк, көк) көрсөтүлгөн миңдеген майда, контурланган үч бурчтуу бөлүкчөлөрдүн коюу булуту, ал органикалык мээ/нейрон формасын түзөт. Бул бөлүкчө талаасы анимацияланган жана негизги сүрөт катары да, бренддин идентификациялык элементи катары да кызмат кылат. Айланадагы бөлүкчөлөр, төмөн тыгыздыкта, барактын фону боюнча жылып турат. Үч бурчтуктардын контурлары, 1–2 пикселдик сызык салмагы, курч четтери жана бай, хроматикалык түстөрү бар — эч качан боз түстө эмес. Командалык портреттер чоң, тегеректелген тик бурчтуктар (124 пикселдик радиус) катары чек аралары же кабатталыштары жок көрсөтүлөт. Продукциянын скриншоттору, жашоо образынын сүрөттөрү, 3D рендерлери жок — бөлүкчөлөр системасы – бул визуалдык бренд.
Түстөр палитрасы
Бренд
- Electric Iris
#8052ff— Негизги аракет баскычтары, логотип жана бренддин акценттери бир түстүү, бай кочкул кызыл түстө болуп, кара фондо интерактивдүүлүктү жана бренддин иденттүүлүгүн чагылдырат.
Нейтралдуу
- Void
#000000— Барактын холстунун сүрөтү, бөлүмдүн фону, терс мейкиндик — басымдуу бети кочкул боз эмес, таза кара түстө болуп, хроматикалык акценттердин эркин калкып жүрүшүнө мүмкүндүк берген боштукту түзөт. - Bone White
#ffffff— Аталыштар, негизги текст, сөлөкөттөрдү толтуруу, активдүү навигация абалы - кара фондо максималдуу иерархияны камсыз кылган жалгыз типографиялык түс. - Ash Gray
#9a9a9a— Басылат навигациялык текст, тунук шилтеме түсү жана кошумча энбелгилер көрүнбөй калбастан, негизги тексттин артына жашырылган. - Silver Mist
#bdbdbd— Кошумча текст, субтитр деңгээлиндеги маалымат - контекстти колдоо үчүн эң тынч жана эң окула турган боз түс. - Saffron Spark
#ffb829— Текстти белгилөө, шилтемелерди баса белгилөө жана тыныш белгилери менен көңүлдү буруу — кочкул кызыл фондо жылуу сары түс бренд үчүн хроматикалык чыңалууну жаратат. - Deep Verdant
#15846e— Экинчилик беттик тонировка, градиент логотибинин токтоосу, бренд градиентинин караңгы чети жана дээрлик байкалбаган акценттик өтүүлөр түрүндө көрүнөт.
Типография
12ден 113 пикселге чейин · 10 кадам
- PPNeueMontreal — алмаштыруу: Inter · контурлар 200, 400, 600, 700 · Бардык UI контексттеринде ырааттуу шрифт колдонулат. Дисплей өлчөмдөрүндөгү (78–113 пиксель) аталыштар -0,04 мм тамга аралыгы менен 400 калыңдыкты колдонот — бул негизги тексттин салмагы менен бирдей, бирок чоңураак масштаб иерархияны түзөт. 200 калыңдык (өтө жеңил шрифт) 18 пиксель негизги текст үчүн сакталган; бул брендге тиешелүү чечим: көпчүлүк AI/SaaS сайттары негизги текст үчүн 400 колдонушат, бирок Dala абзацтарды абадай жана агрессивдүү эмес кылуу үчүн салмакты азайтат. Навигация жана кичинекей аталыштар үчүн 14 пиксель тамга аралыгы, 0,025 мм тамга аралыгы жана баары баш тамга менен жазылган 600 калыңдык колдонулат. 113 пиксель аталыштар жана 15 пиксель негизги текст үчүн 400 колдонуу адаттан тыш көрүнүш — бул бренд иерархияны түзүү үчүн салмакка эмес, масштабга таянаарын көрсөтүп турат.
Интервалдар жана форма
| Максаты | Мааниси |
|---|---|
| Тыгыздык | тыгыз |
| Негизги кадам | 6-18px |
| Баскычтын радиусу | 24px |
| Картанын радиусу | 24px |
| Көлөкөлөр | көлөкөлөрдүн ордуна чек аралар жок |
| Бөлүмдөрдүн ортосунда | 60-120px |
| Барактын туурасы | 1280px |
Жасалма интеллект сиздин веб-сайтыңызды Dala стилинде куруп, аны толтурат
- Instagram, TikTok, Facebook шилтемелери аркылуу өнүмдөр жана посттор менен толтуруңуз.
- Эски сайтыңыздан мазмунду өткөрүп бериңиз — жөн гана даректи көрсөтүңүз.
- Эң мыкты кыймылдаткычтагы заманбап дизайн: серверди рендеринг жана SEO оптималдаштыруу менен React ( Next.js).
- Издөө натыйжалары жана нейрон тармактарынын сунуштары үчүн толугу менен автоматташтырылган SEO оптималдаштыруу.
Окшош стилдер
- Linear — түн ортосу тактыктагы аспап
- Resend — кызгылт көк неон түстүү кара баркыт
- Ciridae — Күйүп жаткан чоктун дүкүлдөшү бар бош бөлмө – дээрлик кара собор, анда жылуу үн жалгыз даттын ичке сызыгы болуп, ар бир бети көлөкө эмес, майда сызыктар менен белгиленген.
- Dovetail — Кара айдын астындагы чийме — дээрлик көрүнбөгөн график сызыктары, ак шрифт, бир кочкул кызыл жаркыроо
- Neon — Караңгы киргенден кийинки сервер бөлмөсү. Таза караңгылык, мында жарык жалгыз маалыматтардан жана колдонуучулардын өз ара аракеттенүүсүнөн келет.
- Discord — Оюн дүйнөсү калкып чыкма чат терезесинин артында жашырылган - ар бир бөлүм өзүнчө жарыктандыруу жана каармандардын жыйындысы менен өзүнчө чөйрө болуп саналат
- Aaru — Түнкүсүн бөлүкчөлөр талаасынын обсерваториясы
- Atlas Card — Түнкүсүн сакталуучу жайдын жалгыз сапфир нуру капкараңгы мейкиндик болуп саналат, анда маанилүү болгон жалгыз нерсе - коюу көк түс.
- Midjourney — Терең океандагы биолюминесценттик терминал. Интеллект ASCII агымдарында визуалдык түрдө пайда болгон жана башкаруу элементтери алсыз жаркыраган оймо-чиймелер катары көрүнгөн терең деңиз дүйнөсү.
- Checkly — Терең орбиталык миссияны башкаруу борбору
- Krea — түн ортосунда галерея нуар
- Wope — Wope – бул кочкул кызыл горизонттун интерфейси. Айнектин астынан кочкул кызыл жарык түшүп турган караңгы обсерватория столун элестетиңиз.