Brand Identity
@brand-identity
Develop brand identity — logo mark, palette, type pairing, mockups, and a mini brandbook; keep a series visually consistent. Use for «сделай логотип/знак», «цвета/палитра бренда», «фирменные шрифты», «айдентика/фирстиль», «брендбук», «мокап» (визитка/аватар/вывеска/мерч). Do NOT use for an ad banner (ad-creatives), a web page (web-design), or a standalone image (image-studio).
Who the «Brand Identity» skill is for
- New projects and startups — identity from scratch: mark, palette, type, a mini brandbook.
- Small business — a logo and styling that stays consistent across every carrier.
- SMM and content teams — a series of posts and creatives in one visual language.
- Brands in redesign — mark concepts and a palette as a starting point for further polish.
What the identity includes
- Mark and wordmark — concepts (PNG) and a final in SVG; the wordmark as real text in SVG.
- Palette — primary and functional by the 60-30-10 rule, with hex and roles.
- Type pair — heading and body font plus a size scale.
- Mockups — the mark and wordmark on a business card, social avatar, signboard.
- Mini brandbook — rules: colours, fonts, logo clear-space, «don'ts».
Principle: the mark is a concept, the final is vector
AI generation yields a raster mark with distorted text. So the mark serves as a concept via glm_generate_image (symbol only, --no text) and the final is converted to an editable SVG. The wordmark isn't generated at all — it's assembled as real text in SVG, and the logo stays readable at any size. Honestly: these are concepts and SVG assembly; for final vector polish a designer is the right fit.
Series consistency
Once the identity is saved to memory, the next landing, creative or post is assembled on-brand — the same palette, fonts and mark. For a series, the content changes, not the style: one spacing and radii, one mark size and position.
Related skills: ad creatives, web design — and the AI Designer agent that unites all three.
Ready to build an identity? Describe the name and spirit of the brand — launch the «Brand Identity» skill.
Is the logo generated whole?
No. AI generation yields a raster mark with distorted text, so the mark serves as a concept and the final is converted to SVG. The text part (wordmark) isn't generated — it's assembled in SVG as real text in the chosen font, so the logo stays readable and editable.
How many colours and fonts in the identity?
A 60-30-10 palette: 60% dominant (background), 30% secondary, 10% accent (CTA). More than three key colours loses recognition. Fonts come as a pair: one heading face (character) and one body face (neutral, highly readable).
What's in the mini brandbook?
The palette with hex and roles, the type pair and a size scale, and the rules — the logo clear-space, a minimum mark size from 24px, and a ban on stretching or recolouring the mark outside the palette.
What do I get as output?
A mark (SVG) and concepts (PNG), a wordmark (SVG/HTML), the palette with hex and roles, the type pair, mockups (business card, avatar, signboard) and a mini brandbook. Everything is saved to memory — the next layout will be on-brand.
Can I keep a series in one style?
Yes. One palette, one type pair, consistent spacing and radii, the same mark in one size and position — the content changes, not the style. That keeps posts, creatives and slides recognisable.
Фирменный стиль и айдентика
Собираем визуальную идентичность: знак, палитра, шрифты, мокапы — и мини-брендбук, чтобы всё держалось единообразно. Главный враг айдентики — несогласованность; главный инструмент — палитра + типографика + правила, а не отдельные картинки.
Принцип про логотип
AI-генерация (kling_text_to_image / glm_generate_image) выдаёт растровый знак с искажённым текстом.
Поэтому:
- Знак/символ — можно сгенерировать как концепт через
image-studio(только графика,--no text), но финал нужно перевести в SVG (контур, масштабируется без потерь, правится). - Текстовая часть (вордмарк) — не генерируем, а собираем в SVG/HTML настоящим текстом выбранным шрифтом. Это даёт читаемый, редактируемый логотип.
- Пользователю честно скажи: «даю концепты + SVG-сборку; для полировки вектора подойдёт дизайнер/иллюстратор».
Когда использовать
- «сделай логотип / знак / эмблему / монограмму»
- «подбери фирменные цвета / палитру», «цвета бренда»
- «фирменные шрифты / парные шрифты»
- «айдентика / фирменный стиль / брендбук»
- «мокап»: логотип на визитке, аватаре соцсети, вывеске, футболке, упаковке
- «оформи серию в одном стиле» (посты/креативы/слайды)
Когда НЕ использовать
- Рекламный креатив (баннер с оффером/CTA) →
ad-creatives. - Веб-страница целиком →
web-design. - Редактирование существующего лого (векторно) — только концепты + SVG-сборка.
Что на выходе
- Знак (SVG) + концепты (PNG из
kling_text_to_image). - Вордмарк (SVG/HTML) — название выбранным шрифтом.
- Палитра — основная + функциональная (60-30-10), с hex и ролями.
- Типографическая пара — заголовочный + текстовый шрифт, шкала размеров.
- Мокапы — знак/вордмарк на носителях (визитка, аватар, вывеска).
- Мини-брендбук (markdown) — правила: цвета, шрифты, отступы, «нельзя».
- Сохранить всё в память →
brand.md(см. ниже).
Инструменты
| Задача | Инструмент |
|---|---|
| Концепты знака/символа | MCP kling_text_to_image (~0,028 $/вызов; фоллбэк — glm_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-логотипу, «нельзя». Тогда следующий креатив/лендинг/пост
автоматически будет в фирменном стиле. (См. секцию памяти в системном промпте.)
Консистентность серии
Когда делаешь серию (посты, креативы, слайды) в одном стиле:
- одна палитра, одна шрифтовая пара, единые отступы/радиусы;
- один и тот же знак/вордмарк в одном размере и позиции;
- одна система шаблонов — меняешь контент, не стиль.
Антипаттерны
- Ждать финальный логотип из генеративной модели (
kling_text_to_image/glm_generate_image) — текст будет искажён, формат растровый. Знак — как концепт, финал — SVG. - Больше 3 ключевых цветов — теряется узнаваемость; держи 60-30-10.
- 3+ шрифта — пара лучше.
- Игнорировать контраст — текст/фон < 4.5:1 нечитаем.
- Не сохранить палитру/шрифты в память — следующий макет будет «в другом стиле».
- Не показать мокапы — пользователь не почувствует бренд «в жизни».
- Молчать про стоимость генерации концептов (~0,015 $/каждый).