Dala
кара бәрхет өстендә калкып торган йолдызлык
Dala кара бушлыклар бер якты шәмәхә төстәге акцент белән очрашкан караңгы киңлекне тәкъдим итә, аларны шәмәхә төстәге ялтыравыклар бүлеп чыгара. Типография монолит һәм авырлыксыз - 400 авырлыктагы PPNeueMontreal шрифты һәр башлыкны зуррак зурлыкта (78–113 пиксель) һәм агрессив тискәре хәрефләр аралыгы белән өстен куя, бу башлыкларны мәгълүмати түгел, ә скульптура кебек тоела. Визуаль үзәк - кечкенә, күп төсле өчпочмаклы кисәкчәләр йолдызлыгы, алар органик ми формасын формалаштыра, бу брендның үзенчәлекле жестлары булып хезмәт итә: белем иерархик мәгълүматлар түгел, ә таратылган интеллект буларак күз алдына китерелә. Макет киң ике баганалы ритмга иярә - зуррак, сул якка тигезләнгән башлыклар киң текст белән парлаштырылган, панельләр, рамкалар яки карточкаларсыз чиста кара фонда йөзеп йөри. Компонентлар махсус рәвештә иң мөһим формасына кадәр киметелгән: бер шәмәхә төстәге таблетка төймәсе, яшерен текст сылтамалары һәм зур текст блоклары.
Тулы киңлекле бүлекләр саф кара полотнога урнаштырылган, максималь эчтәлек киңлеге ~1280 пиксель үзәктә урнашкан. Төп бүлектә асимметрик ике баганалы макет бар: сул якка тигезләнгән зур башлык (113 пиксель), төп текст һәм чакыру сул яртыда, ә "кисәкчә мие" визуализациясе уң яртыны бик зур масштабта били. Киләсе бүлекләр ике багана арасында чиратлаша (сул якка визуаль/уң якка текст, аннары сул якка визуаль/уң якка визуаль текст), зигзаг уку ритмын булдыра. Бүлекләр арасындагы су агып чыгу урыннары киң (вертикаль рәвештә 60–120 пиксель). Карта челтәрләре, бәяләр таблицалары яки күп баганалы функция тасвирламалары юк - эчтәлек киң ике баганалы текст-визуаль блокларда урнаштырылган. Навигация - минималист үтә күренмәле өске панель, ян панель яки мега-менюсыз. Элементларның тыгызлыгы бик югары - һәр карау мәйданында бер яки ике элемент, беркайчан да мәгълүмат белән артык йөкләнмәгән.
Визуаль дизайн тулысынча процедуралы һәм абстракт - команда портретларыннан кала фотосурәтләр юк. Брендның визуаль үзенчәлеге - тулы, җанлы спектрда (шәмәхә, янтарь, зәңгәрсу, шәмәхә, зәңгәрсу) күрсәтелгән меңләгән кечкенә, контурлы өчпочмаклы кисәкчәләрнең тыгыз болыты, алар органик ми/нейрон формасын барлыкка китерә. Бу кисәкчәләр кыры анимацияләнгән һәм төп рәсем һәм бренд үзенчәлеге элементы булып хезмәт итә. Түбәнрәк тыгызлыкта әйләндереп алынган кисәкчәләр бит фонында хәрәкәтләнә. Өчпочмакларның контурлары, 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 пиксель) башлыклар 400 калынлыгында -0,04 мм хәреф аралыгы белән кулланыла - төп текст белән бер үк авырлыкта, ләкин зуррак масштаб иерархия булдыра. 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 - шәмәхә төстәге офык интерфейсы. Пыяла астыннан шәмәхә яктылык сибелгән караңгы обсерватория өстәлен күз алдыгызга китерегез.