Телеграм, WhatsApp+380637610482
Валери Данюк
Валери ДанюкразработчикРазработване на инструменти с изкуствен интелект за бизнеса. Висококачествени. Достъпни.Пишете ни в Telegram
Dala — предварителен преглед на сайт в този стил

Dala

съзвездие, носещо се върху черен кадифе

Dala представя тъмно пространство, където черните празнини се срещат с един-единствен ярък лилав акцент, прекъсван от кехлибарени блясъци. Типографията е монолитна и безтегловна – PPNeueMontreal, шрифт с дебелина 400, доминира всяко заглавие с голям размер (78–113px) с агресивно отрицателно разстояние между буквите, което прави заглавията да изглеждат по-скоро скулптурни, отколкото информативни. Визуалният център е съзвездие от малки, многоцветни триъгълни частици, образуващи органична форма на мозък, която служи като отличителен жест на марката: знание, визуализирано като разпределен интелект, а не като йерархични данни. Оформлението следва просторен ритъм с две колони – големи, подравнени вляво заглавия, съчетани с обширен текст, носещи се на чист черен фон без панели, рамки или карти. Компонентите са умишлено сведени до най-съществената си форма: един лилав бутон за хапче, скрити текстови връзки и големи текстови блокове.

Секциите с пълна ширина са разположени върху чисто черно платно, с максимална ширина на съдържанието от ~1280px, центрирано. Основната секция е с асиметрично оформление в две колони: голямо, подравнено вляво заглавие (113px) с основен текст и подканваща фраза в лявата половина, докато визуализация на „частичен мозък“ заема дясната половина в огромен мащаб. Последващите секции се редуват между две колони (визуално ляво/текст дясно, след това текст ляво/визуално дясно), създавайки зигзагообразен ритъм на четене. Разстоянията между секциите са щедри (60–120px вертикално). Няма решетки с карти, ценови таблици или многоколонни описания на функции – съдържанието е подредено в просторни двуколонни текстово-визуални блокове. Навигацията е минималистична прозрачна горна лента, без странична лента или мега-меню. Плътността на елементите е изключително висока – един или два елемента на viewport, никога не е претоварена с информация.

Визуалният дизайн е изцяло процедурен и абстрактен – без снимки, с изключение на портретите на екипите. Визуалната идентичност на марката е плътен облак от хиляди малки, очертани триъгълни частици, изобразени в пълен, ярък спектър (виолетово, кехлибарено, тюркоазено, лилаво, синьо), образуващи органична форма на мозък/неврон. Това поле от частици е анимирано и служи както като основно изображение, така и като елемент на идентичността на марката. Околните частици, с по-ниска плътност, се движат по фона на страницата. Триъгълниците имат контури, дебелина на линията 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 — Уоп е интерфейс с лилав хоризонт. Представете си тъмна маса за наблюдение с лилава светлина, излъчваща се изпод стъклото.