Skip to content
PПромтбук
RUEN
02Брендинг

Аудит и проектирование brand book

Что должно быть в живом brand book, что выкинуть, как держать его актуальным и как использовать в ревью.

Действуй как brand lead. Проведи аудит существующего brand book для {{brand}} ({{current_doc}}) и спроектируй живую версию. Цель — не PDF на 80 страниц, который никто не открывает, а инструмент, которым ежедневно пользуются дизайнеры, инженеры и копирайтеры.

1. Что обязательно должно быть

Пройдись по разделам и для каждого пометь: есть / устарело / отсутствует.

Brand foundations

  • Миссия в одном предложении (не «мы делаем мир лучше»)
  • Позиционирование: для кого, против кого, что обещаем
  • Personality: 4-5 атрибутов с антиподами (см. /design/branding/brand-voice-guide)

Color

  • Primary, secondary, neutral, semantic (success/warning/danger/info)
  • Для каждого цвета: HEX, RGB, HSL, OKLCH, Pantone, CMYK
  • Контраст-матрица: какие пары проходят AA/AAA, какие — никогда
  • Запрещённые комбинации (vibrating colors, low contrast)

Typography

  • Display, body, mono — название, поставщик, лицензия, fallback chain
  • Размерная шкала (минимум 8 ступеней) + line-height + tracking
  • Какие веса используем, какие — никогда
  • Правила микротипографики: тире, кавычки, неразрывные пробелы

Voice & tone

  • Голос (постоянен) и тон (меняется по контексту)
  • Словарь: что говорим / что не говорим
  • Примеры до/после на 5-7 типовых ситуациях
  • Версии (full, mark, monochrome, inverse), clear space, минимальный размер
  • Что НЕЛЬЗЯ делать с логотипом (8-10 антипримеров с пометкой «нет»)
  • Co-branding rules

Imagery & illustration

  • Фотостиль (освещение, постановка, обработка) + 6-8 примеров
  • Иллюстрация: техника, палитра, персонажи
  • Иконография: грид, толщина обводки, углы

Motion

  • Easing, длительности (60/180/320 мс — three speeds)
  • Что анимируем (opacity, transform), что не анимируем (width, top)
  • Reduced motion как обязательное правило

Anti-patterns

  • 10-15 «так не делаем» с реальными примерами из прошлых ошибок

2. Что выкинуть

Безжалостно удали:

  • Внутренние шутки и мемы про команду
  • История компании на 5 экранов (вынеси в /about)
  • Цитаты CEO о видении
  • Generic-разделы «миссия и ценности», скопированные из любого другого brand book
  • Старые версии логотипа «для контекста»
  • Декоративные коллажи без правил применения
  • Mood board без объяснения, что из него вытекает в гайд
  • Раздел «наша команда» с фото

Тест на выкидывание: если этот блок не отвечает на вопрос «как мне сделать решение прямо сейчас» — он не нужен в brand book, ему место в /about или в архиве.

3. Single source of truth

Реши, где живёт правда. Варианты: {{single_source}}.

КандидатПлюсыМинусыКогда выбирать
Notion / ConfluenceПоиск, версии, комментарииДизайн страдает, плохо передаёт визуалКогда правил много, дизайнеров мало
Figma fileLiving tokens, прямой импорт в макетыНе индексируется поиском, нет longreadКогда команда — внутри Figma 24/7
Statically generated siteКонтроль над всем, можно подключить токены через CIПоддержка стоит времени инженераЗрелый бренд, открытый для аутсайдеров
Storybook + MDXCode-first, токены = кодМаркетинг туда не пойдётB2B / dev-tools

Правило: одно место — правда, остальные синхронизируются автоматически (Style Dictionary, Tokens Studio, CI). Любая ручная синхронизация — гарантированный дрейф через 3 месяца.

4. Как поддерживать живым

  • Owner — у каждого раздела один ответственный с именем
  • Review cadence — раз в квартал каждый owner подтверждает или меняет
  • Changelog — каждое изменение с датой, автором, причиной
  • Decision log — почему этот цвет, этот шрифт, этот тон (не «мне нравится»)
  • Deprecation — старое не удаляем сразу, помечаем deprecated и говорим до какой даты
  • Onboarding tour — 15-минутный путь для нового сотрудника, который проводит через 5 ключевых разделов

5. Как использовать в spec-ревью

Когда придёт PR с новой фичей — ревьюер открывает brand book и проверяет:

  • Цвета взяты из палитры? (если нет — какой токен пропущен)
  • Типографика по шкале? (нет ad-hoc 17px)
  • Тон в текстах соответствует контексту?
  • Иконки из набора, не нарисованы заново?
  • Анимации в three speeds, есть reduced-motion fallback?

Сделай чек-лист на 10 пунктов и положи в PR template.

Формат вывода

# Brand book audit: {{brand}}

## Inventory
| Раздел | Состояние | Owner | Действие |

## To keep (живое, актуальное)## To remove (мёртвый груз)## To create (отсутствует)## Single source of truth
Выбор: …
Обоснование: …
План синхронизации: …

## Governance
- Review cadence: …
- Changelog: …
- Deprecation policy: …

## PR review checklist (10 пунктов)
- [ ] …

Anti-patterns

  • ❌ PDF на 80 страниц, обновляемый раз в три года — мёртвый при рождении.
  • ❌ «Brand book» из 4 слайдов с логотипом и палитрой — не покрывает 90% реальных решений.
  • ❌ Цвета в Figma, типографика в Notion, тон голоса в Google Docs — три источника = три правды = ноль правд.
  • ❌ Раздел «история компании» на 6 экранов перед color tokens — никто не доскроллит.
  • ❌ «Используйте основной цвет умеренно» — без конкретики (где, сколько, в каких сочетаниях) правило бесполезно.
  • ❌ Антипримеры без пометки «❌ не делай так» — половина команды скопирует именно их.
  • ❌ Owner = «команда дизайна» — значит никто. Имя и фамилия.
  • ❌ Brand book живёт отдельно от токенов — дизайнер пишет #1A73E8, инженер берёт #1976D2, никто не виноват.
  • ❌ Нет deprecation — старый логотип всё ещё в брошюрах через год после редизайна.
  • ❌ Гайд по голосу без 3 переписанных «до/после» — абстрактные «будьте дружелюбными» не работают.
  • ❌ Стоковые фото в разделе imagery — задают планку «и так сойдёт».
  • ❌ Brand book закрыт за SSO так, что подрядчик не может его открыть — он будет делать наугад.
К подразделу «Брендинг»
Похожие промты