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 — Биолюминесцентный терминал в глубоководных районах океана. Глубоководный мир, где интеллект наглядно генерир…
- Checkly — Центр управления полетами на дальней орбите
- Krea — галерея нуар в полночь
- Wope — Wope — интерфейс фиолетового горизонта. Представьте себе темный стол в обсерватории, из-под стекла которого …