3.4: Единый стиль
Ключевое: Одна красивая картинка — это хорошо. Но когда 10 картинок выглядят как части одного целого — это профессионализм. В этом уроке ты создашь систему единого стиля: мастер-промпт, который определяет визуальный язык бренда, модификаторы для разных задач и шаблоны, которые можно переиспользовать. С этой системой и ты, и AI всегда будете создавать визуалы «в стиле».
| Время | 15 мин |
| Уровень | Средний |
| Команда | /start-3-4 |
Обзор
Вот что часто происходит. Фаундер создал логотип в одном стиле (минимализм, flat), потом сгенерировал баннер в другом (3D, градиенты), потом попросил AI сделать карточку для соцсетей (акварель, hand-drawn). Каждая картинка по отдельности выглядит нормально. Но вместе — хаос. Лендинг не сочетается с соцсетями, соцсети не сочетаются с презентацией. Бренд выглядит так, будто его делали пять разных компаний.
Это проблема консистентности. И она особенно актуальна при работе с AI, потому что каждая генерация — это фактически «новый художник». AI не помнит, что он создавал раньше (если ты ему не напомнишь). Поэтому без системы стиль неизбежно «плывёт» от картинки к картинке.
Решение — создать мастер-промпт. Это базовое описание визуального стиля, которое ты вставляешь в начало каждого промпта. Оно работает как инструкция для AI: «вот так выглядит наш бренд, вот эти цвета, вот этот стиль, вот так нужно делать». С мастер-промптом каждая новая генерация автоматически получается в едином стиле.
Но мастер-промпт — это только начало. В этом уроке ты создашь полноценную стилевую систему: модификаторы для разных типов контента, шаблоны для типовых задач, чеклист для аудита консистентности и организованную библиотеку ассетов.
Чему научишься
Как создать мастер-промпт
Мастер-промпт — это фундамент твоей визуальной системы. Он описывает стиль в терминах, которые понимает AI: цветовая палитра, стиль иллюстраций, настроение, что использовать и чего избегать. Хороший мастер-промпт — это 5-10 строк, которые превращают случайные генерации в согласованную визуальную систему. Ты научишься формулировать его так, чтобы результат был предсказуемым.
Как адаптировать стиль под разные задачи
Мастер-промпт задаёт базу, но баннер для LinkedIn и карточка для Telegram — это разные форматы. Ты создашь набор модификаторов: дополнений к мастер-промпту, которые адаптируют стиль под конкретную задачу, сохраняя общий визуальный язык.
Как проверять, что новые картинки вписываются в стиль
Когда ты сгенерировал 20 картинок за месяц — как убедиться, что они все «из одной семьи»? Ты создашь чеклист аудита консистентности: набор критериев, по которым можно быстро оценить любой визуал.
Как организовать библиотеку визуалов
Файлы накапливаются. hero-v3-final-FINAL-2.png — знакомо? Ты создашь систему организации: структуру папок, правила именования, каталог ассетов. Чтобы через месяц не тратить 30 минут на поиск нужной картинки.
Анатомия мастер-промпта
Хороший мастер-промпт содержит следующие элементы:
| Элемент | Что описывает | Пример |
|---|---|---|
| Стиль | Общий визуальный подход | «Минималистичный flat design с мягкими тенями» |
| Палитра | Конкретные цвета (HEX) | «Основной: #1E3A5F, акцент: #4A7C32, фон: #F8F9FA» |
| Настроение | Эмоциональная окраска | «Профессиональный, но дружелюбный. Не корпоративный, не игривый» |
| Формы | Геометрия элементов | «Скруглённые углы (8-12px), мягкие формы» |
| Текстуры | Фактура поверхностей | «Чистые плоские поверхности, без шума и гранжа» |
| Чего избегать | Антипаттерны | «Без градиентов, без 3D-эффектов, без стоковых фото» |
Пример мастер-промпта
СТИЛЬ БРЕНДА SUPPORTAI:
- Визуальный стиль: минималистичный flat design, чистые линии, мягкие тени
- Цвета: основной #1E3A5F (тёмно-синий), акцент #4A7C32 (зелёный),
нейтральный #F8F9FA (светло-серый), текст #2D3748
- Настроение: надёжный, современный, простой. Как если бы Notion делал
инструмент поддержки
- Формы: скруглённые углы (radius 8-12px), карточки с мягкими тенями
- Иконки: line-style, stroke width 1.5-2px, одноцветные
- НЕ использовать: градиенты, 3D, стоковые фото, яркие кричащие цвета,
сложные текстуры
Этот блок вставляется в начало каждого промпта для генерации. AI «видит» его и применяет стиль к любой задаче.
Модификаторы стиля
Модификатор — это дополнение к мастер-промпту для конкретного типа контента. Мастер-промпт остаётся тем же, а модификатор адаптирует его.
| Тип контента | Модификатор | Что меняется |
|---|---|---|
| Пост в соцсетях | «Яркий акцент, крупный текст, контрастный фон» | Больше контраста для привлечения внимания в ленте |
| Hero-image для лендинга | «Атмосферный, с пространством для текста сверху» | Более «тихий» стиль, чтобы не конкурировать с заголовком |
| Иконка фичи | «Одноцветная, простая форма, 64x64» | Максимально упрощённый вариант стиля |
| Презентация | «Светлый фон, крупные элементы, минимум деталей» | Адаптация под проекцию и большой экран |
| Email-рассылка | «Лёгкие цвета, небольшой размер файла» | Оптимизация под email-клиенты |
Как использовать модификаторы
Промпт строится так: Мастер-промпт + Модификатор + Конкретная задача
Пример полного промпта:
[Мастер-промпт бренда SupportAI — см. выше]
МОДИФИКАТОР: Пост для соцсетей — яркий акцент, крупный текст,
контрастный фон, формат 1200x675
ЗАДАЧА: Создай карточку-анонс новой функции «Автоматические ответы».
Текст: «Новое: AI отвечает за вас. Настройте за 5 минут.»
Показать: стилизованный чат-интерфейс с зелёной галочкой.
Шаблонная система
Для типовых задач удобно иметь готовые шаблоны — промпты с плейсхолдерами, которые ты заполняешь конкретными данными.
Шаблон: Карточка-анонс фичи
[Мастер-промпт]
Тип: карточка для соцсетей, 1200x675
Заголовок: [НАЗВАНИЕ ФИЧИ]
Подзаголовок: [КРАТКОЕ ОПИСАНИЕ — 1 предложение]
Визуальный элемент: [ЧТО ПОКАЗАТЬ — иконка, мини-скриншот, иллюстрация]
CTA: [ТЕКСТ КНОПКИ или ссылки]
Шаблон: Hero-image для статьи
[Мастер-промпт]
Тип: hero-image для блога, 1200x630
Тема статьи: [О ЧЁМ СТАТЬЯ]
Настроение: [КАКОЕ ОЩУЩЕНИЕ должна вызывать картинка]
Стиль: иллюстрация, абстрактная, без текста
Элементы: [КАКИЕ ВИЗУАЛЬНЫЕ МЕТАФОРЫ использовать]
Шаблон: Баннер для Product Hunt
[Мастер-промпт]
Тип: галерея Product Hunt, 1270x760
Слайд [НОМЕР] из [ВСЕГО]: [ТЕМА СЛАЙДА]
Показать: [СКРИНШОТ / ИЛЛЮСТРАЦИЯ / ТЕКСТ]
Ключевое сообщение: [ЧТО ДОЛЖЕН ПОНЯТЬ ЗРИТЕЛЬ]
Чеклист аудита консистентности
Когда создаёшь новый визуал — пройдись по этому списку:
| Критерий | Вопрос | Ответ должен быть «Да» |
|---|---|---|
| Цвета | Используются только цвета из палитры? | Да |
| Шрифты | Используются только утверждённые шрифты? | Да |
| Стиль | Визуал выглядит как «из одной семьи» с остальными? | Да |
| Скругления | Радиусы углов совпадают с системой (8-12px)? | Да |
| Иконки | Стиль иконок совпадает (line/fill, толщина)? | Да |
| Тон | Настроение совпадает с бренд-характером? | Да |
| Запреты | Нет элементов из списка «чего избегать»? | Да |
| Размеры | Размер соответствует целевой платформе? | Да |
Если два или более ответа — «Нет», визуал нужно доработать. Один «Нет» — допустимо, если есть веская причина для исключения.
Организация библиотеки ассетов
Структура папок
assets/
├── brand/
│ ├── logo-primary.svg
│ ├── logo-white.svg
│ ├── logo-dark.svg
│ └── favicon.ico
├── product/
│ ├── mockup-dashboard.png
│ ├── mockup-mobile.png
│ └── mockup-onboarding.png
├── marketing/
│ ├── hero-landing.png
│ ├── banner-twitter.png
│ ├── banner-linkedin.png
│ └── og-image.png
├── social/
│ ├── card-feature-autoresponse.png
│ ├── card-tip-prompts.png
│ └── card-case-study.png
└── templates/
├── social-card-template.html
└── banner-template.html
Правила именования
| Правило | Пример | Зачем |
|---|---|---|
| Категория-тип-описание | marketing-banner-launch | Легко найти и отсортировать |
| Версия в конце | hero-v2.png | Видишь актуальную версию |
| Без пробелов | social-card-tip.png | Работает на всех платформах |
| Маленькие буквы | logo-primary.svg | Нет проблем с регистром |
Как проходит урок
Claude поможет:
- Проанализировать визуалы — из предыдущих уроков, выделить общие паттерны и несовпадения
- Составить мастер-промпт — на основе твоих brand guidelines и существующих визуалов
- Создать модификаторы — для каждого типа контента, который ты создаёшь
- Построить шаблоны — для типовых задач (анонсы, карточки, баннеры)
- Настроить чеклист — аудит консистентности, адаптированный под твой стиль
- Организовать библиотеку — структура папок и каталог существующих ассетов
Что создашь
style-system.md — полная система стилей, которая включает:
- Мастер-промпт — базовое описание стиля, готовое к копированию в любой AI-генератор
- Модификаторы — адаптации для разных типов контента
- Шаблоны — промпты с плейсхолдерами для типовых задач
- Чеклист аудита — критерии проверки консистентности
- Структура библиотеки — организация файлов и правила именования
С этим документом ты (или AI) всегда сможешь создать визуал «в стиле». Это как brand guidelines, но специально оптимизированные для работы с AI-генерацией.
Лучшие практики
- Мастер-промпт должен быть коротким. 5-10 строк. Если он слишком длинный, AI может «потерять» часть инструкций. Лучше короткий и точный, чем длинный и размытый
- Обновляй мастер-промпт. Если стиль эволюционирует (а он будет) — обнови мастер-промпт. Это живой документ, не каменная скрижаль
- Тестируй промпт на разных задачах. Хороший мастер-промпт работает и для баннера, и для иконки, и для hero-image. Если на каком-то типе контента результат плохой — уточни промпт
- Храни примеры «эталонных» визуалов. 3-5 картинок, которые идеально попадают в стиль. Когда создаёшь новый визуал — сравнивай с эталонами
- Не бойся отступать от системы. Система — это гайд, не тюрьма. Иногда для конкретной задачи нужно сделать исключение. Главное — делать это осознанно, а не случайно
Частые вопросы
Зачем нужен мастер-промпт, если у меня уже есть brand guidelines? Brand guidelines описывают бренд для людей. Мастер-промпт — это адаптация для AI. Он написан в формате, который AI-генераторы понимают лучше всего: конкретные термины, HEX-коды, чёткие инструкции «делать / не делать». Это как перевод brand guidelines на «язык AI».
Сколько модификаторов нужно? Столько, сколько типов контента ты создаёшь. Для начала — 3-4: соцсети, лендинг, презентация, email. Добавляй новые по мере необходимости.
Что делать, если AI всё равно генерирует не в стиле? Уточни мастер-промпт. Добавь в раздел «НЕ использовать» конкретные элементы, которые AI добавляет. Попробуй другую модель — Midjourney и DALL-E по-разному реагируют на одни и те же инструкции.
Как часто проводить аудит консистентности? Перед каждым крупным выпуском (запуск, обновление лендинга, новая маркетинговая кампания). Для текущего контента — раз в 2 недели просматривай всё, что создал за этот период.
Нужно ли это, если я делаю 2-3 картинки в месяц? Да, даже для 2-3 картинок. Создание системы занимает 15 минут, а экономит время на каждой последующей генерации. Плюс, когда объём вырастет (а он вырастет), система уже будет готова.
Что дальше
Система стиля готова. В финальном уроке модуля ты применишь всё — бренд, визуалы, систему стиля — для создания контента для соцсетей. Контент-план, шаблоны постов, визуальные карточки — полный набор для запуска присутствия в социальных сетях.
Запуск
/start-3-4