3.2: Бренд и дизайн
Ключевое: Бренд — это не логотип. Это ощущение, которое возникает у человека при встрече с твоим продуктом. Логотип, цвета и шрифты — лишь инструменты, которые это ощущение создают. В этом уроке ты определишь характер бренда, создашь визуальную систему и оформишь всё в brand guidelines — документ, по которому любой (включая AI) сможет создавать материалы в едином стиле.
| Время | 20 мин |
| Уровень | Средний |
| Команда | /start-3-2 |
Обзор
Представь два стартапа. Оба делают одно и то же — AI-инструмент для поддержки клиентов. Один выглядит так: синий логотип, чистый интерфейс, современные шрифты. Другой — случайные цвета, нечитаемый шрифт, логотип, сделанный в Paint. Кому ты доверишь свои данные?
Бренд — это не про красоту (хотя красота помогает). Это про доверие. Когда все элементы выглядят согласованно, у пользователя возникает ощущение: «эти ребята знают, что делают». Даже если за продуктом стоит один человек в пижаме.
Раньше создание бренда стоило от $2000. Брендинговое агентство тратило недели на исследования, мудборды, итерации. Для стартапа на стадии идеи это абсурд — ты ещё не знаешь, взлетит ли продукт, а уже инвестируешь тысячи в визуал.
С AI подход другой. За 20 минут ты можешь создать полноценную бренд-систему: определить характер, выбрать цвета и шрифты, сгенерировать варианты логотипа. Это не замена профессионального брендинга — но для MVP и первых клиентов этого более чем достаточно. А когда продукт вырастет, ты уже будешь точно знать, что работает, и сможешь инвестировать в профессиональную доработку осознанно.
Чему научишься
Как определить «характер» бренда
Каждый бренд вызывает определённые ассоциации. Apple — элегантность и простота. Notion — гибкость и минимализм. Slack — дружелюбие и яркость. Характер бренда определяет всё остальное: какие цвета ты выберешь, какой шрифт, какой тон общения. Ты научишься задавать правильные вопросы, чтобы определить характер своего продукта.
Как создавать промпты для генерации логотипа
Логотип — самый заметный элемент бренда. Ты узнаешь, как описать желаемый логотип для AI: какие элементы включить, какой стиль задать, как избежать типичных ошибок (слишком много деталей, нечитаемость на маленьком размере, тренды, которые быстро устареют).
Как выбрать палитру цветов, которая работает
Цвета — не просто украшение. У каждого цвета есть психологические ассоциации: синий — доверие, зелёный — рост, оранжевый — энергия. Ты научишься выбирать палитру, которая отражает характер бренда и при этом хорошо работает технически (контрастность, читаемость, доступность).
Как подобрать шрифт
Типографика — часто недооценённый элемент бренда. Правильный шрифт подчёркивает характер, неправильный — разрушает впечатление. Ты узнаешь базовые принципы: serif vs sans-serif, как комбинировать шрифты, какие бесплатные шрифты подходят для стартапа.
Как оформить brand guidelines
Brand guidelines — это документ-инструкция, по которому создаются все визуалы. Он нужен не только дизайнерам — он нужен AI. Когда у тебя есть чёткое описание стиля, ты можешь вставить его в промпт и получить согласованный результат каждый раз.
Анатомия бренда стартапа
| Элемент | Что это | Зачем нужно | Пример |
|---|---|---|---|
| Характер | Набор прилагательных, описывающих бренд | Задаёт направление для всех решений | «Надёжный, современный, простой» |
| Логотип | Визуальный знак бренда | Узнаваемость, первое впечатление | Иконка + название |
| Палитра | 3-5 основных цветов | Единообразие всех материалов | Primary, secondary, accent, neutral |
| Типографика | 1-2 шрифта | Читаемость и характер | Заголовки + основной текст |
| Тон общения | Как бренд «говорит» | Консистентность коммуникации | «На ты, простые слова, без формализма» |
| Визуальный стиль | Стиль иллюстраций и фото | Узнаваемость контента | «Flat design, мягкие цвета, минимализм» |
Как выбрать цвета: пошаговый процесс
Шаг 1: Определи настроение
Какое ощущение должен вызывать твой продукт? Выбери 2-3 ключевых слова:
| Настроение | Подходящие цвета |
|---|---|
| Доверие, надёжность | Синий, тёмно-зелёный |
| Энергия, скорость | Оранжевый, красный, жёлтый |
| Рост, здоровье | Зелёный, бирюзовый |
| Премиум, элегантность | Чёрный, золотой, тёмно-фиолетовый |
| Креативность, инновации | Фиолетовый, розовый |
| Простота, чистота | Белый, светло-серый, пастельные |
Шаг 2: Выбери основной цвет (Primary)
Это цвет, который будет ассоциироваться с твоим брендом. Он используется для кнопок, ссылок и акцентов. Один цвет — не три, не пять.
Шаг 3: Добавь вспомогательные цвета
- Secondary — дополняет основной. Обычно менее насыщенный
- Accent — для выделения важных элементов. Контрастный к основному
- Neutral — для фона и текста. Серые оттенки
Шаг 4: Проверь контрастность
Текст должен быть читаем на фоне. Используй правило: тёмный текст на светлом фоне (или наоборот), с контрастностью не менее 4.5:1. Claude поможет проверить конкретные сочетания.
Типографика: базовые правила
| Правило | Объяснение |
|---|---|
| Максимум 2 шрифта | Один для заголовков, один для текста. Больше — хаос |
| Sans-serif для цифрового продукта | Inter, Open Sans, Manrope — чистые и современные |
| Serif для контента и блогов | Georgia, Merriweather — добавляют «серьёзность» |
| Бесплатные шрифты — ОК | Google Fonts — огромная библиотека бесплатных шрифтов |
| Размеры по системе | 14-16px для текста, 24-32px для заголовков, 12px для подписей |
Как проходит урок
Claude поможет пройти весь процесс создания бренда по шагам:
- Определяем характер — отвечаешь на несколько вопросов о продукте и аудитории, Claude формулирует набор характеристик бренда
- Выбираем палитру — на основе характера Claude предложит несколько вариантов цветовых схем с объяснением, почему каждая подходит
- Подбираем типографику — выбираете шрифтовую пару, которая отражает характер бренда
- Создаём промпты для логотипа — Claude составит детальные промпты, которые ты сможешь использовать в любом AI-генераторе
- Оформляем brand guidelines — всё собирается в один документ, который можно использовать дальше
Что создашь
-
brand-concept.md— концепция бренда: характер, ценности, визуальное направление. Это «фундамент», от которого отталкиваются все дальнейшие решения -
brand-guidelines.md— практический гайд: HEX-коды цветов, названия шрифтов, правила использования логотипа, тон общения, примеры «как нужно» и «как не нужно». Этот документ можно вставлять в промпты для AI, чтобы получать согласованный результат
Лучшие практики
- Начинай с характера, не с логотипа. Логотип — это следствие, а не отправная точка. Сначала пойми, кто ты, потом визуализируй это
- Смотри на конкурентов. Не чтобы копировать — чтобы отличаться. Если все в твоей нише синие — может, стоит быть зелёным
- Простота побеждает. Лучшие логотипы стартапов — простые. Их легко запомнить, они работают в маленьком размере, не теряют смысл в чёрно-белом варианте
- Не привязывайся к первому варианту. Сгенерируй 10 вариантов логотипа, покажи 3-5 людям из целевой аудитории, спроси, какие ассоциации вызывают
- Brand guidelines — живой документ. Он будет эволюционировать вместе с продуктом. На стадии MVP — хватит одной страницы. Потом можно расширять
- Тестируй на разных фонах. Логотип должен работать на белом, на тёмном и на цветном фоне. Проверь все варианты
Частые вопросы
Мне точно нужен бренд на стадии MVP? Тебе не нужен идеальный бренд. Но тебе нужны базовые вещи: логотип, 2-3 цвета, шрифт. Это занимает 20 минут с AI и сразу делает продукт на порядок профессиональнее. Не делать этого — как прийти на встречу с инвестором в пижаме: может, и прокатит, но зачем рисковать?
Что если мне не нравится то, что генерирует AI? Итерируй. Уточняй промпт, добавляй детали, убирай то, что не нравится. AI-генерация — это диалог, не лотерея. Обычно 3-5 итераций достаточно, чтобы получить хороший результат.
Можно ли потом сменить бренд? Конечно. Ребрендинг — нормальная практика. На ранней стадии лучше запуститься с «достаточно хорошим» брендом, чем месяц полировать идеальный. Slack, Airbnb, Google — все меняли логотипы и брендинг по мере роста.
Нужно ли мне регистрировать логотип как товарный знак? На стадии MVP — нет. Регистрация товарного знака имеет смысл, когда у тебя уже есть трафик и клиенты. На старте — сфокусируйся на продукте.
Как убедиться, что мои цвета доступны для людей с нарушениями зрения? Claude может проверить контрастность цветов по стандарту WCAG. Просто попроси: «Проверь, достаточный ли контраст между цветом текста и фона». Это важно не только для доступности, но и для общей читаемости.
Что дальше
Теперь у тебя есть бренд: характер, палитра, типографика, промпты для логотипа. В следующем уроке ты применишь это для создания конкретных визуалов — мокапов продукта, hero-изображений и маркетинговых баннеров.
Запуск
/start-3-2