Открытая практика / Блог
Как создать фирменный стиль с помощью ИИ-агентов
Вместо папки с референсами — база знаний компании. Разбираем, как устроен пайплайн создания фирменного стиля с ИИ-агентами, где проходит граница автоматизации и почему проверка важнее красивого макета.
Фирменный стиль обычно заказывают по знакомой схеме: бриф, мудборд, папка с референсами, правки по кругу. Схема рабочая, но в ней есть разрыв, который никто не называет вслух. Бриф описывает ваш бизнес словами. Референсы показывают чужой бизнес картинками. Между «мы — спокойные и деловые» и «вот сайт стартапа из Кремниевой долины» всегда остаётся зазор, который заполняется догадками.
Мы попробовали закрыть этот зазор иначе: вместо референсов — база знаний самой компании. Не папка ссылок, а канонический источник, из которого стиль выводится правилами, а не подбором похожего. Ниже — как это устроено на практике, где автоматизация реально помогает, а где она только создаёт видимость работы, и какие ошибки мы допустили в первом прогоне.
Почему референсы не работают так, как обещают
Референс отвечает на вопрос «как это выглядит», но не отвечает на вопрос «почему так». Когда вы показываете дизайнеру десять чужих сайтов, он видит десять решений, каждое из которых выросло из конкретики чужого бизнеса: аудитории, бюджета, ограничений, истории. Пересаживая решение на свой грунт, вы получаете форму без причины. Поэтому референсы так часто приводят к «красиво, но не про нас».
Вторая проблема тише. Референсы не проверяемы. Нельзя измерить, насколько ваш будущий стиль соответствует стопке картинок. Можно только спорить. Спор решается голосом, сроком и настроением, а не критерием.
База знаний как источник стиля
Разберём, что мы вкладываем в это слово, потому что «база знаний» — самый размытый термин в индустрии.
Нужны четыре вещи, и все четыре обязательны.
Решения. Что уже принято: позиционирование, целевой адресат, тон общения, что мы не делаем принципиально. У каждого решения есть статус: принято, на проверке, отклонено.
Глоссарий. Как называются вещи в вашей компании. Не «ИИ-ассистент» и «чат-бот» как синонимы, а точное значение каждого термина в вашем контексте.
Примеры «так / не так». Ваши реальные формулировки: как вы отвечаете клиенту, что считаете давлением, а что — заботой. Это источник голоса бренда, и он не выводится из референсов.
Правила проверки. Что считать хорошим результатом. Контраст текста, допустимые отступы, требования к читаемости. То, что потом превращается в гейт, а не в мнение.
Главный признак зрелой базы: если два документа противоречат друг другу, это видно и разрешается осознанно, а не усредняется молча. Пока этого нет, агент будет честно и аккуратно воспроизводить ваши противоречия.
Пайплайн: шесть шагов
Стиль выводится из базы знаний не сразу, а через последовательность шагов. Каждый шаг имеет вход, результат и проверку. Пропуск шага не «ускоряет работу», а возвращает вас к референсам и спорам.
Шаг 1. Исследование аудитории и сути. Кто клиент, чего он боится, что ценит, с кем его путают. На выходе — не портрет из демографических полей, а три-пять конкретных наблюдений, из которых вытекает характер.
Шаг 2. Формулировка сути. Характер бренда, три качества, адресат, границы. Это самый короткий и самый важный документ: всё остальное — следствия. Он же самый сложный, потому что его нельзя вывести из референсов, только из решений владельца.
Шаг 3. Токены. Цвет, типографика, отступы, сетка, состояния. Токен — это не код, а соглашение: «главный текст», «действие», «поверхность», «тихая линия». Именно на этом шаге стиль перестаёт быть картинкой и становится системой.
Шаг 4. Компоненты. Кнопки, поля, карточки, навигация. Здесь проверяется, жива ли система: соберите страницу из готовых компонентов и посмотрите, не разваливается ли она на третьем экране.
Шаг 5. Доступность. Контраст текста и элементов управления, фокус с клавиатуры, семантика, поведение при уменьшении движения. Это не полировка в конце, а требование, проверяемое числом.
Шаг 6. Проверка и приёмка. Стиль проверяется на реальной странице, в реальной теме, на реальной ширине экрана. Не в презентации.
Контракт, а не скрипт
Ключевое отличие рабочего пайплайна от разового красивого результата — контракт.
Скрипт — это последовательность действий. Он даёт результат один раз и ломается при первом изменении. Контракт — это три вещи.
Инварианты. Что не должно измениться ни при каких условиях: один главный заголовок на странице, никакой формы на служебных страницах, единый источник контактов, запрет публикации без явного разрешения.
Гейты. Где работа останавливается и требует человека: перед публикацией, перед изменением требований доступности, перед переключением темы оформления. Гейт — это не бюрократия, а место, где решение всё ещё имеет цену.
Детерминированный слой. Что считается машиной и не обсуждается: контраст в числах, наличие мета-данных, количество заголовков, имена файлов. Это то, что делает результат воспроизводимым.
Творчество агента — в том, как выразить суть формой. Воспроизводимость — в контракте. Попытка поместить творчество в скрипт убивает и то, и другое.
Честно о первом прогоне
Полезнее рассказать не о том, что получилось, а о том, что пришлось переделать. Иначе получается реклама, а не практика.
Аудит не видит браузер. Первая версия проверки сравнивала пары значений — «текст на фоне» — и показывала ноль замечаний. При этом кнопка с прозрачной рамкой проходила проверку и не выглядела кнопкой. Значение токена и то, что видит человек, — разные вещи. Проверка должна мерить в собранной странице, а не в таблице значений.
Мы лечили симптомы, а не причину. Когда в тёмной теме пропала читаемость, первая реакция — подобрать пару «текст-фон» для каждого места. Это работает ровно один раз. Настоящая причина была в способе подключения цветов: тёмная тема инвертировала значения палитры, и компонент получал средний тон вместо контрастного. Лечить пришлось систему: палитра стала сырьём, а компоненты обращаются только к ролям — «главный текст», «действие», «поверхность». После этого одинаковые ошибки перестали появляться в новых местах.
Глазам нельзя верить. Элемент с измеренным контрастом 11 к 1 выглядел бледным и выключенным — и модели, и людям. Подпись с полупрозрачностью выглядела невидимой, хотя по расчёту давала больше семи. Единственный способ не спорить — считать.
Проверка, которая не проверяет. Один прогон дал результат «восемнадцать из восемнадцати чисто». Это была ложь: сервер отдавал ошибку на всех страницах, кроме главной, то есть семнадцать проверок мерили пустую страницу. Вывод, который я сделал на этом: проверка обязана сначала доказать, что она вообще дошла до страницы, иначе её ноль замечаний не значит ничего.
Что это значит для владельца бизнеса
Скорость без потери качества. Первый рабочий вариант появляется за дни, а не за недели. Но экономия не в том, что агент рисует быстрее дизайнера, а в том, что исчезают итерации «пришлите ещё варианты».
Стиль не разваливается. Система переживает смену подрядчика, расширение сайта и новый носитель. Палитра и правила описаны один раз и применяются везде.
Требования доступности перестают быть мнением. Контраст — число, которое либо проходит порог, либо нет. Это снимает целый класс споров и защищает клиентов с плохим зрением.
Граница остаётся. Агент не решает, каким вы хотите быть. Он не выбирает позиционирование, не определяет адресата и не отменяет ваше право сказать «нет». Его работа — убрать рутину и сделать последствия решений видимыми до того, как они стали дорогими.
С чего начать
- Соберите канон. Решения, глоссарий, примеры «так / не так». Не идеально — достаточно честно.
- Назначьте владельца каждого правила. Утверждённое без владельца — это мнение, а не правило.
- Сформулируйте суть в трёх качествах. Если не получается в три — значит, суть ещё не найдена, и это нормально.
- Проверьте токены на реальной странице. Не в презентации и не на одном экране. Тёмная тема, узкий экран, большой шрифт.
- Поставьте гейт перед публикацией. Пара часов проверки дешевле недели переделок.
Заключение
ИИ-агенты не отменяют вкус, решение и ответственность. Они убирают разрыв между тем, что вы знаете о своём бизнесе, и тем, как это выглядит на экране. База знаний превращает фирменный стиль из заказа чужого вкуса в следствие ваших же решений — проверяемое, воспроизводимое и честное.
Если вы хотите собрать базу знаний или прогнать такой пайплайн на своём проекте — обращайтесь. Поможем определить, с чего начать, и честно скажем, где автоматизация даст эффект, а где нужен человек.