Модуль d.3 · Урок 4
Урок 4: Практика — бренд-кит с нуля
Теория без сквозной практики остаётся справочником. В этом финальном уроке модуля мы пройдём полный производственный цикл создания бренд-кита для марки натуральной косметики «Лесная тропа» — от формулировки дизайн-брифа и нативного SVG-знака до фиксации стиля на 200+ будущих носителей, стайл-гайда в Gamma 3.0 и серии рекламных мокапов.
Как подчёркивает руководство Recraft From Logo to Full Brand Kit (recraft.ai/blog/from-logo-to-full-brand-kit, сентябрь 2026), настоящая проверка бренд-кита — не в том, насколько красиво выглядит первый логотип на белом фоне, а в том, выглядит ли двухсотый макет (иконка, стикер, баннер у фрилансера) так, будто он принадлежит той же семье. Именно такую самоподдерживающуюся систему мы сейчас построим.
Чему вы научитесь
- Переводить бизнес-бриф в жёсткие визуальные ограничения и дизайн-токены
- Создавать векторное ядро бренда (SVG-знак + сет иконок в одной толщине штриха) и проверять его в масштабе 16 пикселей
- Фиксировать фирменный стиль и RGB-палитру для команды, чтобы исключить визуальный дрейф на длинной дистанции
- Собирать чистовой стайл-гайд, клиентский питч и стартовый пакет носителей за 2 часа
Для практики используем arckep.ru — все основные модели, без VPN, оплата рублями. Вы можете использовать любые другие сервисы.
Кейс: бренд эко-косметики «Лесная тропа»
Зафиксируем входные данные проекта. Без структурного брифа любая нейросеть скатывается в банальные зелёные листочки из клипарта.
БРЕНД: Лесная тропа (Lesnaya Tropa)
СЕГМЕНТ: Натуральная уходовая косметика и ботанические ароматы для дома
АУДИТОРИЯ: Городские жители 28–45 лет, ценят чистые составы, тактильную упаковку и визуальную тишину
КОНКУРЕНТЫ: L'Occitane, Weleda, Aesop, Natura Siberica
ХАРАКТЕР БРЕНДА: Спокойный, лабораторно-ботанический, честный, тактильный
ВИЗУАЛЬНЫЕ МЕТАФОРЫ:
- Изгиб лесной тропы, переходящий в прожилку листа папоротника
- Матовое аптечное стекло, неотбеленный картон, тиснение без позолоты
- Утренний рассеянный свет сквозь туман
СТРОГИЕ ОГРАНИЧЕНИЯ (АНТИ-БРИФ):
- Никакого кислотно-зелёного цвета, глянцевого пластика и капель воды в стиле масс-маркета
- Никаких сложных многослойных гербов с мелкими корешками, которые слипаются при уменьшении
Сравнение подходов: стихийная генерация против системного бренд-кита
Прежде чем запускать модели, посмотрим, чем отличается набор разрозненных промптов от архитектурного подхода, которому мы научились в этом модуле:
Пошаговая сборка бренд-кита: 6 производственных этапов
Пройдём весь маршрут шаг за шагом. Каждый этап создаёт входные артефакты для следующего.
- Этап 1: Поиск метафоры и нативный векторный знак (25 минут).
Запускаем разведку композиции в Midjourney v8.2 на arckep.ru, чтобы нащупать баланс между образом тропы и листом папоротника:
Minimalist logo mark for botanical cosmetics brand "Lesnaya Tropa".
Clever negative space combining a winding forest trail and a symmetrical fern leaf inside an apothecary arch.
Colors: muted moss green #4A6741, warm cream #F5F0E8, deep bark brown #3D2B1F.
Clean geometric vector emblem, uniform line weight, flat colors, white background.
--raw --s 50 --no gradient shadow 3D realistic mockup photo --ar 1:1
Логотип «Лесная тропа» (FLUX.2 Pro через arckep.ru)
После выбора лучшей метафоры переходим в векторный режим Recraft V4.1 Vector (recraft-v4.1-vector), задаём в полях Preferred Colors код #4A6741, а в Background Color — #F5F0E8 и получаем чистый SVG-файл из 12–15 математических контуров (fuser.studio/articles/recraft-v4-guide).
Открываем SVG в Figma и проводим обязательный контроль:
- Уменьшаем знак до 16×16 px (фавиконка) и 32×32 px (аватар в мессенджере).
- Проверяем работу в одноцветной вывороте (белый знак на тёмно-коричневом фоне
#3D2B1F). - Удаляем сгенерированные в кривых буквы и набираем чистовой wordmark лицензионной антиквой DM Serif Display с разрядкой
+4%.
- Этап 2: Фиксация дизайн-токенов — палитра 60/30/10 и типографика (15 минут).
Чтобы дизайнеры и нейросети не угадывали оттенки на глаз, закрепляем 5 цветов с жёсткими ролями и шрифтовую шкалу:
- Фон (60% площади) — Неотбеленный крем
#F5F0E8(RGB 245, 240, 232): основная подложка макетов, коробок и карточек презентации. - Основной бренд-тон (30% площади) — Лесной мох
#4A6741(RGB 74, 103, 65): логотип, крупные плашки, крышки флаконов, заголовки первого уровня. - Акцент (10% площади) — Тёплая смола
#C9A96E(RGB 201, 169, 110): кнопки целевого действия (CTA), бейджи, тонкие акценты в инфографике. - Наборный текст — Тёмная кора
#3D2B1F(RGB 61, 43, 31): весь основной текст (мягче и благороднее чистого чёрного). - Нейтральный разделитель — Каменный серый
#E8E4DE: тонкие рамки таблиц и подложки второстепенных блоков. - Типографическая пара: заголовки
DM Serif Display(H1: 48/54 px, H2: 32/38 px) + наборный текст и навигацияInter(Body: 16/26 px, Caption: 13/18 px).
- Фон (60% площади) — Неотбеленный крем
- Этап 3: Обучение кастомного стиля и генерация иконок (20 минут).
Помним главное правило из руководства Recraft V4 Styles Creation Guide (recraft.ai/docs/v4-styles-creation-guide): нельзя загружать в стиль разнородный мудборд. Мы подаём в качестве эталона наш чистый векторный знак и закрепляем сохранённую RGB-палитру. Затем в режиме
Vector outputгенерируем сет из 6 продуктовых пиктограмм для этикеток (Vegan, Recycled Glass, Cold Pressed, No Parabens, Hand Harvested, Forest Refill):
Set of 6 minimalist botanical cosmetic icons arranged in three columns, two rows.
Graphic type: monoline vector icons.
Shape logic: clean geometric symbols (leaf, glass dropper bottle, water drop, mortar, pine tree, recycle arrows) matching a rounded arch motif.
Color system: moss green (#4A6741) strokes on warm cream (#F5F0E8) background.
Line discipline: strict uniform 2pt stroke weight across all six icons, rounded caps, generous negative space.
Flat vector SVG, no gradients, no shadows, no text labels.
- Этап 4: Генерация упаковки и предметных мокапов (20 минут).
Для реалистичной подачи упаковки на arckep.ru (Nano Banana 2 или Recraft V4.1 Pro в разрешении 2K) используем правила текстовой иерархии: точные строки в кавычках и разведение декора и букв по разным зонам этикетки:
Studio product photography of an amber apothecary glass serum bottle with a matte krem-colored paper label on a mossy stone slab.
On the label, at the top, the brand name "LESNAYA TROPA" in clean dark brown serif capitals.
In the center of the label, a minimal moss-green fern arch symbol with generous empty margin around it.
At the bottom of the label, "BOTANICAL SERUM 50 ML" in small sans-serif letters.
Soft morning forest side lighting, shallow depth of field, tactile paper grain.
- Этап 5: Стайл-гайд и клиентский питч в Gamma 3.0 (25 минут).
Загружаем наши HEX-коды и шрифтовую пару в кастомную тему Gamma 3.0 и генерируем два документа: 10-карточный технический стайл-гайд для дизайнеров/подрядчиков (с таблицей Do / Don’t) и 7-карточную защитную презентацию для собственника бизнеса по структуре «Проблема полки → Отстройка от конкурентов → Визуальная система → Как выглядит на упаковке и в ленте → План запуска». Заменяем все автосгенерированные иллюстрации нашими реальными SVG и мокапами.
- Этап 6: Стартовый пакет шаблонов для соцсетей в Canva (15 минут).
Загружаем логотип, палитру и шрифты в Canva Brand Kit, пропускаем предметные рендеры через Magic Layers (чтобы отделить флаконы от фона) и собираем 5 мастер-шаблонов постов и сторис с проверенными охранными полями.
Производственная смета времени и артефактов
| Этап | Время | Инструменты | Выходной артефакт |
|---|---|---|---|
| 1. Поиск метафоры и векторный знак | 25 мин | Midjourney v8.2 + Recraft V4.1 Vector + Figma | Чистый SVG-логотип (осн., инверсия, фавиконка 16 px) |
| 2. Палитра 60/30/10 и типографика | 15 мин | Figma + Google Fonts | Таблица токенов HEX/RGB/CMYK + шрифтовая шкала |
| 3. Стиль бренда и сет иконок | 20 мин | Recraft V4.1 (Styles + Vector) | Кастомный стиль + 6 векторных пиктограмм (24 paths) |
| 4. Рендеры упаковки и мокапы | 20 мин | Nano Banana 2 / Recraft V4.1 Pro | 4 предметных мокапа в разрешении 2K |
| 5. Стайл-гайд и питч клиенту | 25 мин | Gamma 3.0 | 2 интерактивные презентации + PDF-экспорт |
| 6. Мастер-шаблоны соцсетей | 15 мин | Canva Pro (Brand Kit + Magic Layers) | 5 послойных шаблонов (1:1 и 9:16) |
| Итого | 2 часа | Готовая система на 200+ носителей |
Выберите реальный или учебный проект (локальная кофейня, бренд одежды, IT-сервис или студия керамики) и соберите полный пакет фирменного стиля, проверив его по итоговому чек-листу арт-директора:
- Бриф и анти-бриф: сформулированы 3 визуальные метафоры и 3 строгих табу (чего в дизайне быть не должно).
- Векторный знак (SVG): сгенерирован по 6-блочной формуле, содержит не более 20 чистых контуров, проходит тест на читаемость в квадрате
16×16 pxи в одноцветной вывороте; текстовая часть набрана живым лицензионным шрифтом. - Единая дисциплина штриха: создан набор из 6 фирменных иконок (в 3 колонки и 2 ряда) с точно такой же толщиной линии и радиусами скруглений, как у основного знака.
- Система цвета 60/30/10: зафиксированы 5 цветов с кодами HEX/RGB и однозначными ролями (фон, основной тон, акцент, текст, разделитель).
- Стайл-гайд и носители: собрана 8–10-карточная спецификация в Gamma 3.0 (без единой стоковой заглушки, с блоком запретов Don’ts) и 3 послойных мокапа упаковки/соцсетей с правильной текстовой иерархией.
В следующем модуле D.4 мы оживим созданный бренд: разберём режиссёрский промптинг в Kling 3.0, научимся управлять движением камеры (Dolly против Zoom), анимировать продуктовые кадры и соберём 30-секундный рекламный ролик для «Лесной тропы».