creative
Фирменный стиль

Фирменный стиль

@brand-identity

1 000 000 токенов в подарок
бесплатно при регистрации — для знакомства с агентом
0 установокобновлено сегодняПубличный
О навыке

Разработка фирменного стиля — логотип-знак, палитра, шрифтовая пара, мокапы и мини-брендбук; поддержка визуальной консистентности серии.

Инструкции

Фирменный стиль и айдентика

Собираем визуальную идентичность: знак, палитра, шрифты, мокапы — и мини-брендбук, чтобы всё держалось единообразно. Главный враг айдентики — несогласованность; главный инструмент — палитра + типографика + правила, а не отдельные картинки.

Принцип про логотип

AI-генерация (generate_image) выдаёт растровый знак с искажённым текстом. Поэтому:

  • Знак/символ — можно сгенерировать как концепт через image-studio (только графика, --no text), но финал нужно перевести в SVG (контур, масштабируется без потерь, правится).
  • Текстовая часть (вордмарк)не генерируем, а собираем в SVG/HTML настоящим текстом выбранным шрифтом. Это даёт читаемый, редактируемый логотип.
  • Пользователю честно скажи: «даю концепты + SVG-сборку; для полировки вектора подойдёт дизайнер/иллюстратор».

Когда использовать

  • «сделай логотип / знак / эмблему / монограмму»
  • «подбери фирменные цвета / палитру», «цвета бренда»
  • «фирменные шрифты / парные шрифты»
  • «айдентика / фирменный стиль / брендбук»
  • «мокап»: логотип на визитке, аватаре соцсети, вывеске, футболке, упаковке
  • «оформи серию в одном стиле» (посты/креативы/слайды)

Когда НЕ использовать

  • Рекламный креатив (баннер с оффером/CTA) → ad-creatives.
  • Веб-страница целикомweb-design.
  • Редактирование существующего лого (векторно) — только концепты + SVG-сборка.

Что на выходе

  1. Знак (SVG) + концепты (PNG из generate_image).
  2. Вордмарк (SVG/HTML) — название выбранным шрифтом.
  3. Палитра — основная + функциональная (60-30-10), с hex и ролями.
  4. Типографическая пара — заголовочный + текстовый шрифт, шкала размеров.
  5. Мокапы — знак/вордмарк на носителях (визитка, аватар, вывеска).
  6. Мини-брендбук (markdown) — правила: цвета, шрифты, отступы, «нельзя».
  7. Сохранить всё в память → brand.md (см. ниже).

Инструменты

ЗадачаИнструмент
Концепты знака/символаMCP generate_image (~0,015 $/вызов) через image-studio
Референсы / тренды айдентикиMCP web_search, web_reader
Мокапы (знак на носителе)HTML/SVG-шаблон → design-renderer/scripts/render.js
Сборка вордмарка/знака в SVGвстроенные write
Сохранить файлывстроенные write

Рабочий процесс

Шаг 1. Бриф

Название, дух бренда (1–3 прилагательных: «тёплый/ручной», «техно/точно», «премиально/сдержанно»), аудитория, где используется (сайт, соцсети, упаковка, вывеска), есть ли ограничения (уже есть цвета/шрифт).

Шаг 2. Палитра

  • 60-30-10: доминанта 60% (фон), вторичный 30%, акцент 10% (CTA/акцент).
  • Производная шкала: от каждого ключевого цвета — 5–9 шагов (от тёмного к светлому).
  • Проверь контраст текста к фону ≥ 4.5:1 для основных пар.
  • Детали и примеры — references/palette-and-type.md.

Шаг 3. Типографика

  • Пара: один заголовочный (характер, дисплейный/serif) + один текстовый (нейтральный, хорошо читаемый humanist sans).
  • Модульная шкала (1.2–1.333); базовый размер ≥ 16px; line-height ≥ 1.5.
  • Для веба предпочитай системные или свободные шрифты (см. reference).

Шаг 4. Знак и вордмарк

  • Знак: сгенерируй 3–5 концептов через image-studio (только символ, --no text, no words, no letters). Покажи галереей. Выбранный — переводи в SVG (контур, упрощай до читаемого на 24px).
  • Вордмарк: собери в SVG настоящим текстом (<text> с выбранным шрифтом) — это и есть редактируемый логотип-текст.

Шаг 5. Мокапы

Покажи знак/вордмарк «в жизни» — это продаёт идею. Шаблоны (HTML/SVG) — в references/mockup-templates.md: визитка, аватар соцсети, вывеска, футболка. Рендер через design-renderer/scripts/render.js. Без браузера — отдай HTML/SVG как исходник (откроется везде).

Шаг 6. Мини-брендбук (markdown)

# Брендбук — <название>

## Палитра
- Фон: #FFFFFF / #0F172A (тёмная)
- Вторичный: #1E54B8
- Акцент (CTA): #FF6A2C

## Шрифты
- Заголовки: Georgia / system serif
- Текст: system-ui, Segoe UI

## Правила
- Логотип: чистая зона ≥ x-высота знака по бокам.
- Не вытягивать/не перекрашивать знак вне палитры.
- Минимальный размер знака: 24px.

Шаг 7. Память

Сохрани айдентику в .agenthere/memory/ai-designer/brand.md — палитра (hex), шрифты, путь к SVG-логотипу, «нельзя». Тогда следующий креатив/лендинг/пост автоматически будет в фирменном стиле. (См. секцию памяти в системном промпте.)

Консистентность серии

Когда делаешь серию (посты, креативы, слайды) в одном стиле:

  • одна палитра, одна шрифтовая пара, единые отступы/радиусы;
  • один и тот же знак/вордмарк в одном размере и позиции;
  • одна система шаблонов — меняешь контент, не стиль.

Антипаттерны

  • Ждать финальный логотип из generate_image — текст будет искажён, формат растровый. Знак — как концепт, финал — SVG.
  • Больше 3 ключевых цветов — теряется узнаваемость; держи 60-30-10.
  • 3+ шрифта — пара лучше.
  • Игнорировать контраст — текст/фон < 4.5:1 нечитаем.
  • Не сохранить палитру/шрифты в память — следующий макет будет «в другом стиле».
  • Не показать мокапы — пользователь не почувствует бренд «в жизни».
  • Молчать про стоимость генерации концептов (~0,015 $/каждый).
Ресурсы (2)
references/
references/mockup-templates.mdСправка
references/palette-and-type.mdСправка

Комментарии (0)

Войдите, чтобы оставить комментарий

Загрузка комментариев...

Фирменный стиль