Главная / База знаний / Логотип для сайта: требования и форматы

Как пользоваться айдентикой: правила применения фирменного стиля

7 мин чтения обновлено 17 августа 2026 Логотип для сайта: требования и форматы

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

С чего начать, если брендбук уже есть

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

Правило 1: логотип не редактируется вручную

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

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

Правило 2: цвета берутся из кодов, а не с экрана

Второй частый источник расхождений — «подобрать цвет по картинке» пипеткой в редакторе вместо того, чтобы взять код из брендбука. Проблема в том, что один и тот же HEX-код может отображаться чуть иначе на разных экранах и мониторах, а сжатие изображения (например, при экспорте в JPEG) искажает цвет ещё сильнее. Пипетка с картинки в интернете почти никогда не даёт точное значение фирменного цвета — она даёт то, что получилось после нескольких пересохранений файла.

Правильный источник — таблица кодов в брендбуке: HEX для сайта и презентаций, CMYK и Pantone для печати. Если печатной версии документа под рукой нет, а нужен только код для сайта, тот же HEX можно свериться напрямую в CSS текущей версии сайта — там код прописан явно и не зависит от цветопередачи экрана.

Правило 3: одна иерархия шрифтов везде

Третье правило касается не столько самого выбора шрифта, сколько последовательности его применения: если в брендбуке заголовок набран Bold-начертанием фирменной гарнитуры, а основной текст — Regular, эта же логика должна повторяться в презентации, на баннере и в рассылке. Нарушение здесь редко выглядит как «неправильный шрифт» — чаще это смешение: заголовок набран верно, а подзаголовок — системным шрифтом браузера, потому что кто-то не установил лицензионный файл на свой компьютер.

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

Как применять айдентику на разных носителях: таблица

Носитель Что чаще всего нарушают Как правильно
Сайт Цвет кнопок и ссылок «на глаз», без сверки с HEX-кодом Прописать цвета в CSS-переменных на этапе разработки сайта, чтобы все элементы брали цвет из одного источника
Реклама (баннеры, контекст) Логотип сжимают под формат объявления без сохранения пропорций Использовать готовые адаптивные версии логотипа под конкретные форматы; при настройке кампаний в Яндекс.Директе заранее подготовить баннеры нужных размеров
Соцсети Аватар и обложка меняются при каждом ребрендинге страницы без учёта требований платформы к размеру и обрезке Держать отдельный набор файлов под каждую платформу (квадрат для аватара, широкий формат для обложки)
Печать (визитки, вывеска) Печать по RGB/HEX вместо CMYK или Pantone — цвет уходит от эталона Передавать в типографию файл с кодами CMYK/Pantone из брендбука, не HEX
Презентации Слайды собираются из разных источников, шрифт и цвет плывут от слайда к слайду Один утверждённый шаблон презентации со встроенными стилями

Что делать, если старые материалы уже не соответствуют правилам

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

Кто в компании должен следить за соблюдением правил

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

Частые вопросы

Можно ли самостоятельно чуть изменить логотип под конкретную задачу, если это выглядит уместно?

Формально нет — любое изменение логотипа нарушает единообразие бренда, даже если конкретный вариант выглядит удачно. Если ситуация повторяется часто (например, регулярно нужен горизонтальный вариант вместо вертикального), правильный путь — заказать у дизайнера официальную дополнительную версию логотипа и добавить её в брендбук, а не создавать разовые варианты вручную каждый раз.

Что делать, если подрядчик прислал макет с искажённым логотипом?

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

Нужно ли по-разному использовать айдентику для сайта и для офлайн-материалов?

Логотип, цвета и шрифты остаются теми же, но техническое представление отличается: для сайта — HEX-коды и веб-версии шрифтов, для печати — CMYK или Pantone и файлы шрифтов с лицензией на печать. Расхождение в представлении — это не нарушение правил, а нормальная адаптация под носитель.

Как быстро проверить, соответствует ли готовый макет брендбуку, если нет времени на подробную сверку?

Три быстрые проверки: логотип не растянут и не сжат по одной оси, цвет фона и текста совпадает с кодами из документа (можно сверить пипеткой в редакторе с эталонным файлом, а не «на глаз»), шрифт заголовка соответствует утверждённой гарнитуре, а не похож на неё.

Что будет, если не следить за соблюдением правил вообще?

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

Навести порядок в применении фирменного стиля

Проверим, где айдентика используется с отклонениями от правил — на сайте, в рекламе, в соцсетях — и что стоит привести к единому стандарту в первую очередь.

ПОЛУЧИТЬ БЕСПЛАТНЫЙ АУДИТ →

Услуга по теме материала

Сделаем фирменный стиль и перенесём его на сайт и полиграфию

Материалы по теме