creative
Brand Identity

Brand Identity

@brand-identity

1,000,000 tokens free
on sign-up — yours to try the agent
1 installsupdated 6d agoPublic
About

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).

How Brand Identity works

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.

FAQ

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.

Instructions

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

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

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

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

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

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

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

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

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

Что на выходе

  1. Знак (SVG) + концепты (PNG из kling_text_to_image).
  2. Вордмарк (SVG/HTML) — название выбранным шрифтом.
  3. Палитра — основная + функциональная (60-30-10), с hex и ролями.
  4. Типографическая пара — заголовочный + текстовый шрифт, шкала размеров.
  5. Мокапы — знак/вордмарк на носителях (визитка, аватар, вывеска).
  6. Мини-брендбук (markdown) — правила: цвета, шрифты, отступы, «нельзя».
  7. Сохранить всё в память → 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 $/каждый).
Resources (2)
references/
references/mockup-templates.mdReference
references/palette-and-type.mdReference

Comments (0)

Log in to leave a comment

Loading comments...

Brand Identity: logo, palette, brandbook