Бренд-дизайн: AI-дирижёр
Позиционирование, палитра графит + бордо, авторский шрифт «Дирижёр Grotesk» и характер движения — как собирался визуальный язык AI-дирижёра, и что было по пути отклонено.
Ещё до того, как появилась первая строка кода будущего сайта-портфолио, нужно было ответить на вопрос: как визуально выглядит человек, который не «оператор нейросетей», а тот, кто ими дирижирует? Этот кейс — про то, как искался и собирался этот язык, и почему на этом пути пришлось столько же отклонять, сколько принимать.
Позиционирование
Рабочая рамка — «AI-дирижёр»: не человек, который нажимает кнопки в инструментах, а тот, кто задаёт темп и направление, а инструменты исполняют партию. Референс по тону — фильм «Одержимость»: темп, дисциплина, одержимая точность в деталях. При этом сама подача текста нарочно сдержанная, без эффектных фраз — энергия должна идти от визуальной формы, а не от языка.
Что было отклонено
Вслепую метод не работал — пришлось пройти через несколько направлений, чтобы понять, что именно не подходит:
Мягкий «премиальный AI»-стиль — графит с золотом или латте, курсивный serif, чистый sans — узнаваемая, но безликая эстетика, которую сейчас использует буквально каждый AI-стартап. Готический, «клинический» регистр — тоже был опробован и тоже не подошёл, слишком холодно и отстранённо для темы темпа и энергии. Моноширинные шрифты для акцентов — отклонены полностью, ни в одном месте интерфейса. Терракотовый и медно-янтарный акцентный цвет — не совпал по характеру. Тонкая цветная полоска прогресса прокрутки в духе Tilda — слишком типовое решение. Горизонтальная плёночная лента для портфолио — плоско и предсказуемо.
Отдельная история — с анимацией заголовка: пробовали «неоновую волну» света, бегущую по контуру букв AI/ДИРИЖЁР снизу вверх. Визуально эффектно, но при живом просмотре ощущалось как мельтешение, а не как акцент. В финале осталось статичное свечение без движения — общий вывод для всего бренда: «сделай ярче» здесь почти всегда значит статичную яркость, а не анимацию, если только явно не просят именно движение.
Финальный визуальный язык
Палитра — графит и бордо: тёмный почти чёрный фон, светлый тёплый текст, бордовый акцент — плакатная, контрастная, без градиентов-как-украшения. Типографика — Archivo Black для крупных плакатных заголовков и Archivo Variable для основного текста и интерфейса; никакого моноширинного шрифта нигде, даже там, где это выглядело бы «технично». Скругление углов — минимальное, 3–4 пикселя на кнопках и тэгах, не «таблетка» — это тоже осознанный выбор: мягкая пилюля читается как дружелюбный SaaS, а не как точный инструмент. Крупные цветные панели остаются с острыми углами. Общая эстетика — плакат и трафарет: плотные цветные блоки, полутоновая зернистая текстура, никакого мягкого «SaaS»-свечения.
Отдельным элементом стал персональный шрифт «Дирижёр Grotesk» — заглавный дисплейный шрифт, построенный на геометрии логотипа: блочные буквы с фирменным диагональным «сдвигом-молнией» на вертикальных штрихах, который в оригинальном логотипе читается как росчерк дирижёрской палочки. Буквы без штриха — округлые, кольцевые формы вроде «О» — остаются чистыми, без сдвига, чтобы деталь не превращалась в шум. Шрифт собран как полноценный устанавливаемый файл: кириллица и латиница заглавными, цифры, базовая пунктуация — не просто картинка логотипа, а рабочий инструмент типографики.
Характер движения
Бренд получил и «двигательный» почерк, не только статичный. По всему сайту — метроном, отбивающий такт, мигающий REC-индикатор процесса записи, счётчик «Такт NN/NN», магнитное притяжение кнопок под курсором. На главном экране — прожектор, который в буквальном смысле следит за курсором и высвечивает нужное. Это не орнамент: каждая деталь напрямую отсылает к позиционированию «дирижёр — темп — дисциплина», и ни одна не добавлена просто потому, что «красиво».
Результат
Итог — целостная система: позиционирование, палитра, типографика, авторский шрифт и характер движения, которые работают как единый язык, а не набор случайных приёмов. Проверка этой системы на прочность — то, как она затем была реализована в реальном продукте: смотрите кейс «Как я построила свой сайт», где эти решения превратились в работающий интерфейс со своими сложностями и находками.