Руководство по фирменному стилю: логотип, цвет, типографика

Вторник, утро, компания на сорок человек. Руководитель отдела продаж собирает обложку большого тендерного пакета, ей нужен логотип — она заходит на собственный сайт и сохраняет картинку правой кнопкой. Файл оказывается версией, от которой отказались два года назад, и под ним висит слоган, которым уже никто не пользуется. В тот же час маркетолог подбирает фирменный синий на глаз для поста и уходит на тон светлее. После обеда типография просит файл логотипа для стенда на выставке; никто не помнит нужную папку, и кто-то отправляет кадрированный скриншот из презентации. Три задачи, три разных бренда. Цена вопроса — не полтора потерянных часа, а член тендерной комиссии, который листает пакет и спрашивает, одна ли это вообще фирма.

Руководство по фирменному стилю останавливает это расползание, давая всем одну точку опоры. Ниже разбираем, какие издержки оно на самом деле снимает, почему раздел о логотипе — это список правил, а не список файлов, как описывать палитру через роли, а не через коды, какие ловушки прячутся в лицензиях на шрифты, как формулировать требования к фотографии, для кого вообще пишется документ, где жёсткие правила начинают вредить, почему настоящий результат руководства — это шаблоны, как устроить хранение и владение файлами, как понять, что всё работает, и с чего начать.

ЛоготипЦветШрифтыШаблоныФирменный стиль

Какие издержки на самом деле снимает руководство?

Задача руководства — не красота, а сокращение числа решений, которые компания принимает каждую неделю. Без него обложка коммерческого предложения, этикетка и любой пост требуют маленького дизайнерского выбора: какой логотип, какой синий, какой кегль. Делает этот выбор обычно не дизайнер, а менеджер по продажам, стажёр или сам основатель. Каждый старается как умеет, и на выходе получается пятьдесят непохожих друг на друга материалов.

Вторая издержка тише и дороже — узнаваемость. Бренд запоминается за счёт повторения, и если повторяемое каждый раз слегка смещается, память не накапливается. Фирменный стиль — это счёт, на котором ваши вложения в узнаваемость бренда дают проценты, а каждый несогласованный макет молча снимает с него деньги. И выглядит компания так, как она себя заявляет: решение о позиционировании бренда принимается до того, как выбран первый цвет.

Раздел о логотипе — это правила, а не папка

В большинстве руководств раздел о логотипе сводится к скриншоту каталога. Но логотип ломается не из-за отсутствия файла, а из-за секундного колебания в момент использования. Что класть на тёмный фон? Сколько оставлять воздуха вокруг? Можно ли убрать слоган под названием? Если ответов нет, каждый придумывает свой. Хороший раздел перечисляет реальные ситуации и показывает для каждой ровно одно верное решение.

Есть полезная проверка: представьте самое маленькое место, где логотип когда-либо появится. Не визитка, а иконка во вкладке браузера, круглая аватарка в мессенджере, подвал счёта. Если основной знак там нечитаем, руководство обязано дать упрощённый символ. И ещё: руководство не даёт правовой защиты. Использование вашего знака посторонними останавливает регистрация товарного знака, а документ только выравнивает собственную команду.

• Версии: задайте три базовые формы — горизонтальную, вертикальную и только знак — и покажите на примерах, где какая уместна, а не оставляйте выбор тому, кто торопится.
• Цветовые варианты: полноцветный, чёрный, белый и при необходимости серый; прямо напишите, какой из них идёт на тёмный фон.
• Охранное поле: задайте отступ вокруг знака не в миллиметрах, а в единице, производной от самого логотипа, чтобы правило пережило любой размер.
• Минимальный размер: дайте отдельные нижние границы для экрана и печати и назовите упрощённый символ, который включается ниже них.
• Форматы файлов: вектор и растр с прозрачностью для экрана, вектор и версия в печатном цветовом пространстве для типографии, с пометкой, кому что отдаётся.
• Запрещённые приёмы: растяжение, тень, поворот и размещение поверх пёстрой фотографии показывайте картинками; текстовый запрет не останавливает никого.
• Соседство с чужим знаком: правила для партнёрских и спонсорских блоков — разделитель, выравнивание и относительный размер.

Описывайте цвет ролями, а не значениями

Типичная ошибка — свести цветовой раздел к списку кодов: три плашки и шестизначные значения под ними. Код ничего не говорит о том, где цвет уместен. Человек без дизайнерского опыта возьмёт фирменный красный и для заголовка, и для сообщения об ошибке, а клиент перестанет отличать обычную информацию от проблемы. Палитру пишут ролями: фон, основной текст, главный акцент, дополнительный акцент, предупреждение, успех.

У ролей есть и второй эффект — тёмная тема. Заметная часть аудитории смотрит интерфейсы на тёмном фоне, а почтовые клиенты самостоятельно инвертируют цвета вашего шаблона. Если роли описаны, второй набор значений собирается за полчаса; если есть только коды, каждый экран превращается в догадку. В печати нужна та же дисциплина: тон, яркий на экране, на бумаге может выйти глухим, поэтому у каждого фирменного цвета должен быть записан печатный эквивалент.

Контраст — самая тихая точка слома

Палитру обычно оценивают по тому, дружат ли цвета между собой. Настоящая проверка — читаемость. Светло-серый текст на светло-сером фоне выглядит изысканно в самом руководстве и исчезает на телефоне под солнцем. Если фирменный цвет будет нести текст, отметьте, на каких фонах контраста хватает, а остальные закройте. Это проходит по разделу доступности, но на практике это вопрос конверсии: нечитаемый заголовок никто не нажимает.

Менее очевидная мысль: в графиках ваша фирменная палитра, скорее всего, не сработает. Фирменные цвета подбирают так, чтобы они хорошо смотрелись вместе, а не так, чтобы их было легко различить, и три соседних оттенка превращаются в три неразличимые линии в отчёте. Решение — отдельная палитра для данных: родственная бренду, но собранная ради различимости и проверенная в оттенках серого. Как её построить, разбираем в материале о принципах визуализации данных.

В типографике главный риск — не эстетика, а лицензия

Выбор шрифтов — самая приятная часть работы и самая опасная в применении. Ломается обычно так: агентство купило настольную лицензию, а потом та же гарнитура ушла на сайт, в мобильное приложение и в рекламные макеты, и каждому из них нужна своя. Это самая распространённая юридическая дыра, которую небольшая компания носит, не подозревая о ней. В руководстве по каждой гарнитуре пишут, какая лицензия куплена и где её можно использовать.

Устойчивая связка — платная акцидентная гарнитура для заголовков и текстовая со свободной лицензией для основного набора. Заголовки несут характер и встречаются редко; основной текст лезет повсюду, и именно там гибкость лицензии однажды вас спасёт. Добавьте цепочку запасных шрифтов: решите сами, на какой системный шрифт свалится ваше письмо, если у получателя нет вашего, иначе оно выглядит по-разному на каждом экране.

С иерархией работает правило «чем меньше ступеней, тем лучше». Четырёх-шести размеров и двух начертаний хватает почти на всё, что компания выпускает наружу. Чем больше ступеней, тем хуже люди различают заголовки и тем чаще выбирают кегль на ощущение. Назовите каждую ступень и одной строкой скажите, где она применяется: безымянная шкала — не шкала.

Как описать фотографию и иконки?

Фотография — раздел, который пропускают чаще всего, хотя именно выбор кадра быстрее всего поднимает или удешевляет бренд. Не описывайте её прилагательными: «естественная», «тёплая», «современная» рисуют в каждой голове свою картинку. Пишите проверяемые критерии — реальная среда или студия, есть ли люди, смотрит ли человек в камеру, сколько воздуха остаётся в кадре, тёплая или холодная цветокоррекция. И добавьте разворот с одобренными и отклонёнными примерами: две колонки картинок работают лучше трёх абзацев текста.

Генеративные модели сделали этот раздел одновременно проще и сложнее. Картинку теперь можно получить за минуты, но по умолчанию она говорит языком среднего, а не вашего бренда. Когда критерии из руководства становятся каркасом запроса, результат снова делается предсказуемым; этот процесс мы разбираем в материале о генерации изображений с помощью ИИ. Иконкам достаточно одного правила: один набор, зафиксированная толщина линии и радиус скругления, никаких заимствований из чужого семейства.

Для кого написано руководство?

Большинство руководств пишут для дизайнеров, хотя открывают их каждый день совсем другие люди: менеджер, собирающий предложение, специалист по персоналу с вакансией, бухгалтер, печатающий этикетки, и сторонняя типография. У этого читателя нет времени, он приходит с одним вопросом — значит, документ строят как справочник, а не как эссе: одна строка с решением в начале раздела, обоснование ниже.

Одного фирменного стиля мало. Два письма с правильно поставленным логотипом всё равно читаются как две разные компании, если одно официальное, а второе панибратское. Рядом нужен раздел или отдельный документ про язык; как его собрать, разбираем в материале о голосе и тональности бренда.

Раздел	Что должно быть записано	Что будет, если не записать
Логотип	Версии, охранное поле, минимальный размер, запреты	Растянутый знак и логотип, потерянный на фото
Цвет	Палитра по ролям, набор для тёмной темы, печатные эквиваленты	Акцент и предупреждение одного цвета, глухая печать
Шрифты	Область лицензии, шкала размеров, запасные гарнитуры	Юридический риск и плывущая вёрстка
Фотография	Проверяемые критерии, одобренные и отклонённые примеры	Случайные стоковые кадры без связи с брендом
Шаблоны	Закрытые поля, редактируемые поля, где скачать	Каждый собирает презентацию с нуля

Где жёсткое руководство перестаёт работать?

Последовательность — стандартный совет, и почти везде он верен. Но если применять её с одинаковой жёсткостью во всех каналах, она прямо вредит перформанс-рекламе. Лучше всего в ленте работают креативы, похожие на саму ленту: снятые на телефон, чуть неаккуратные, некорпоративные. Объявление, собранное строго по брендбуку, пролистывают именно потому, что оно сразу опознаётся как реклама.

Рабочая модель — отдельный, более свободный набор правил для рекламных макетов, и трёх пунктов обычно достаточно: знак читается, кнопка действия окрашена акцентным цветом, текст выживает на маленьком экране. Взамен этой свободы вы обязаны навести дисциплину измерений; как понять, почему выигрывает конкретный вариант, разбираем в материале о системе тестирования рекламных креативов. Обозначенная граница не ослабляет руководство, а выводит его из зоны споров.

Настоящий результат руководства — шаблон

Документ на сорок страниц готовят, рассылают всем, и открывают его два человека. Дело не в качестве документа, а в форме работы: никто не бросает предложение на середине, чтобы посмотреть кегль. Берут последний найденный файл и печатают поверх. Значит, настоящий результат — не текст, а файл, который будут копировать: презентация, коммерческое предложение, письмо, рамки для соцсетей и раскладки этикеток, положенные туда, куда все дотягиваются.

Никто не читает сорок страниц, но все копируют последний использованный файл — поэтому единство бренда решается шаблоном, а не документом.

Половина работы над шаблоном — решить, какие поля закрыты, а какие свободны. Логотип, палитра и шкала заголовков закрыты; текст и изображения свободны. В продажах это означает фиксированную обложку и структуру разделов при переменном содержании; подробности — в материалах о структуре коммерческого предложения и о подготовке продающей презентации.

Хранение и согласование: чьё решение обязательно?

Руководство верно в день выпуска и частично неверно через полгода. Появляется суббренд, смещается цвет, не продлевается лицензия. Поэтому у документа должны быть владелец и номер версии. Без владельца он превращается в файл, копию которого каждый держит у себя, и очень быстро складываются три параллельные реальности.

С файлами вопрос закрывают два правила: одно каноническое место хранения и говорящие имена. Схема, где в названии есть бренд, тип материала, вариант и версия, приводит человека с двумя словами в поиске прямо к нужному файлу. Чаще всего ломается при этом самое мелкое — подписи в письмах, которые каждый рисует себе сам. Как привести их к стандарту, рассказываем в материале о подписи в письме и единстве бренда.

Как понять, что руководство работает?

Измерить фирменный стиль напрямую трудно, зато косвенные сигналы говорят достаточно. Первый — частота вопросов: сколько раз в месяц внутри команды спрашивают, какой логотип брать? Если система работает, число падает, и чтобы это увидеть, достаточно собирать такие вопросы в одном канале. Второй — время подготовки: сколько уходит на макет или презентацию в фирменном стиле? После появления шаблонов срок заметно сокращается.

Третий сигнал даёт простая ревизия раз в квартал. Возьмите наугад двадцать материалов, ушедших наружу за три месяца, и разложите рядом. Похожи ли они на одну компанию? Там, где не похожи, спросите: не хватало правила, не хватало шаблона или правило было лишним? Различие важно: правило, которое нарушают постоянно, обычно плохо написано, а команда вовсе не недисциплинированна.

С чего начать?

Команды, садящиеся писать сорок страниц, застревают на десятой и не публикуют ничего. Сделайте наоборот и начните с одной страницы: три версии логотипа, четыре цвета с назначенными ролями, две гарнитуры и два предложения про фотографию. Опубликуйте её и две недели собирайте приходящие вопросы. Именно они опишут следующий раздел точнее любого планирования за столом.

Второй шаг — шаблоны, третий — каноническое хранилище и владелец. Дальше руководство растёт по одному фильтру: раздел либо закрывает повторяющийся вопрос, либо предотвращает повторяющуюся ошибку. Всё, что не делает ни того ни другого, только увеличивает число непрочитанных страниц.

Фирменный стиль держится там, где шаблоны и файлы лежат внутри системы, в которой команда реально работает. В Rocketly шаблоны предложений и презентаций, тексты писем клиентам и архив документов живут на одной записи, и менеджер не ищет нужный файл, а находит его готовым — создайте бесплатный аккаунт и соберите свою систему шаблонов.