Логотип рисуют в январе, презентацию летом, вывеску к осени, и три макета будто сделаны в разных мастерских. Фирменный стиль этот разнобой и прекращает: постоянный набор визуальных решений, по которым бизнес опознают без подписи. Внутрь входят логотип и фирменный знак, палитра, шрифты с правилами типографики, графические элементы и порядок их применения на носителях. Записанный документом, он служит инструкцией для подрядчиков.
В статье показываем, из чего складывается фирменный стиль компании, где проходит граница с айдентикой, брендом и брендбуком, в каких объёмах его заказывают и на чём проекты спотыкаются.
Зачем компании нужен фирменный стиль
Начнём с узнаваемости. Глаз обрабатывает картинку прежде, чем читатель доберётся до слов: по исследованию Lindgaard и соавторов 2006 года впечатление о визуальной привлекательности веб-страницы складывается примерно за 50 миллисекунд.
Вторая задача доверие. В исследовании Stanford Web Credibility Research (Fogg и соавторы, 2003) внешний вид сайта оказался самым частым основанием оценки: на него опиралось 46,1% высказываний участников о доверии к странице.
Для малого бизнеса это часто единственный заметный сигнал на старте. У крупного игрока за спиной репутация, у нового бренда только внешний вид.
Третья задача отстройка от конкурентов. Там, где продукты почти не различаются по составу и цене, визуальный образ становится главным различием. Последовательность применения стиля во всех каналах отчёт Lucidpress «State of Brand Consistency» оценивает в 23% прироста дохода: это оценка отчёта, а не гарантия. Формализованного стиля у большинства компаний нет.
Внутри компании единые стандарты снимают рутину. Дизайнеру не нужно заново придумывать стиль баннера, маркетологу согласовывать макет. Узнаваемый бренд привлекает лояльных соискателей.
Заметнее всего разница в переломные моменты. Корпоративный стиль компании особенно важен при выходе на рынок, ребрендинге, масштабировании и привлечении инвестиций.
В такие периоды стиль виден как актив, повышающий стоимость бренда. Заодно он ускоряет выбор покупателя и снижает расходы на продвижение.
Фирменный стиль, айдентика, бренд и брендбук: в чём разница
Понятия разграничивают по уровню.
За фирменным стилем закреплена визуальная часть айдентики, этим его охват исчерпывается. У айдентики охват шире: к визуальным константам добавляются название, слоган, манера речи (tone of voice), звук вроде джинглов и опыт покупателя. Ещё выше стоит бренд, то есть образ компании в голове клиента вместе с миссией и ценностями. Самая большая матрёшка это брендинг: работа с брендом, к которой добавляются стратегия, позиционирование и опыт клиента. Вложенность тут матрёшечная, разбирают её эксперты в материале про брендинг простыми словами.
Пару документов путают не реже. Брендбук отвечает за позиционирование, то есть за ценности, аудиторию, миссию и принципы коммуникации, и закрепляет элементы стиля с правилами размещения. У гайдлайна задача узкая: он объясняет подрядчику, что делать с логотипом, шрифтами, цветом и иконками в конкретном формате.
| Понятие | Что входит | Уровень | Результат |
|---|---|---|---|
| Фирменный стиль | Логотип, знак, палитра, шрифты, графика | Визуальный | Узнаваемость |
| Айдентика | Плюс название, слоган, tone of voice, звук | Визуальный и вербальный | Идентичность |
| Бренд | Образ в сознании клиента, миссия, ценности | Смысловой | Отношение аудитории |
| Брендбук | Позиционирование и элементы стиля с правилами | Документ стратегии | Общее понимание в команде |
| Гайдлайн | Правила применения логотипа, шрифтов, иконок | Документ производства | Одинаковые макеты у подрядчиков |
Чаще всего фирменный стиль сводят к логотипу, реже к брендингу или дизайну.
Логотип служит визуальным якорем и одним из элементов системы, но целостного образа сам не создаёт. Без палитры, шрифтов и правил вёрстки он останется картинкой в углу макета.
Элементы фирменного стиля
Базовый набор насчитывает семь позиций: логотип, фирменный знак, графика, палитра, шрифты, композиция и фотостиль.
Составляющие фирменного стиля работают вместе. Цвет опознаётся быстрее знака, шрифт задаёт интонацию.
Логотип и фирменный знак
Логотипы делят на пять типов. Wordmark это набранное название, icon только символ, комбинированный соединяет оба, эмблема прячет текст внутрь формы, lettermark строится на аббревиатуре. Чистый символ работает там, где бренд узнают без подписи.
Требования к логотипу простые. Он читается и в размере фавикона, и на билборде, работает в цвете и монохроме, не теряет детали при уменьшении и не собран из клипарта.
Дальше смысловые критерии. Логотип должен запоминаться, отличаться от конкурентов, соответствовать рынку (логотипы банка и производителя детских игрушек транслируют разные ценности) и не устаревать вместе с модой.
Фирменный знак это символ без слов. Он живёт внутри логотипа или отделяется от него ради аватарки, наклейки, тиснения. Эмблема тяготеет к иллюстрации и рассказывает философию бренда. Товарный знак отличается от логотипа юридически: его вносят в государственный реестр и получают правовую охрану, причём регистрируют слова, графику, их сочетание и даже звук.
Цветовая палитра
Цвета разводят по четырём группам. Основные держит логотип, дополнительные работают в вёрстке, акцентные достаются кнопкам, нейтральные уходят в фоны и текст. Каждый оттенок записывают числом. HEX и RGB идут на экран, Pantone и CMYK в печать. Иначе «фирменный синий» у типографии и веб-дизайнера получится разным.
Ассоциации описывают так. Синий читается как надёжность, зелёный как экологичность, красный как энергия, жёлтый как дружелюбие, чёрный как премиальность, белый как чистота, оранжевый как молодость, фиолетовый как творчество, серый как спокойствие. Это стереотипы восприятия, а не правила. Поэтому выбор не отдают на вкус дизайнера. Маркетологи опрашивают аудиторию о восприятии цветов.
Шрифты и типографика
Гарнитуры делят на два типа. Основной текстовый несёт массив текста, дополнительный акцидентный работает в заголовках, выделениях и логотипе. Отбирают их по читаемости с экрана, кириллице, набору начертаний, лицензии и совместимости с вебом.
Лицензия не формальность: шрифт без прав придётся менять во всех макетах.
Характер гарнитуры считывается вместе с текстом. Шрифты с засечками звучат традиционно, без засечек современно, рукописные креативно, декоративные выразительно. Типографика задаёт правила вёрстки, то есть размеры, интерлиньяж и выравнивание.
Графические элементы, фотостиль и маскот
Поверх базы ложится второй слой.
Паттерны, иконки и иллюстрации делают стиль узнаваемым без логотипа, фотостиль задаёт ракурсы, свет и тип изображений, для digital добавляют моушн. Модульные сетки и шаблоны относят к компонентам второго уровня, обязательным для полиграфии, сайтов и приложений. Сюда же текстуры вроде картона упаковки или фонового узора.
Маскот нужен не всем. Он оправдан при массовой аудитории или когда продукт проще объяснить через историю персонажа.
Слоган остаётся вербальной частью айдентики, а не обязательным элементом стиля. Чем он отличается от УТП, эксперты разбирают в материале о том, как отличить сильное УТП от пустого слогана.
Форматы фирменного стиля: малый, большой и дизайн-система
Фирменный стиль организации собирают в одном из трёх объёмов, и берут тот, что закрывает задачи бизнеса. В малый входят логотип со шрифтами и палитрой плюс бланки с визитками, иногда сайт и приложение.
Большой формат доводит набор до полного визуального языка: материалы для точек продаж, корпоративная форма, паттерны с иконками, разметка веб-страниц, фотостиль, порой и маскот. Разговаривать с аудиторией такой стиль позволяет через персонажа, одежду сотрудников и оформление зала.
Дизайн-система объединяет библиотеку компонентов и шаблонов интерфейсов, её собирают крупные компании с несколькими продуктами.
Система синхронизирует дизайнеров и разработчиков, чтобы кнопка в приложении и на сайте выглядела одинаково. Для такого масштаба формат приоритетный, для небольшой компании избыточен.
Носители фирменного стиля
Носители фирменного стиля определяют до начала дизайна, а не после логотипа.
Список составляют заранее. Туда идут визитки, мерч, упаковка, форма сотрудников, элементы сайта, посты, рассылки и реклама. От него зависит, какие форматы логотипа и цветовые профили понадобятся.
Цифровые носители
Цифровой контур собирают из сайта и приложения, сообществ, обложек и постов, презентаций, писем, баннеров. Когда в объявление уходят фирменные цвета и логотип, креатив перестаёт выбиваться из остальных материалов и подтягивает узнаваемость бренда; в Яндекс Директе за это отвечают режимы «Простой старт» и «Мастер кампаний». Сообщества VK и канал в Дзене оформляют по тем же правилам, что и сайт.
Офлайн-носители: документация, упаковка, точки продаж
Офлайн стартует с бумаг, то есть бланков, договоров и счетов. За ними упаковка с этикеткой, полиграфия, мерч и канцелярия.
Третья группа это пространство и люди, то есть стиль залов продаж, транспорта и одежды персонала.
Именно тут вылезают недоделки стиля. Безупречный на мониторе цвет в типографии уходит в другой оттенок.
Этапы разработки фирменного стиля
Разработка фирменного стиля идёт от смысла к форме.
Сначала команда разбирается, что за бизнес перед ней и чем он отличается, и только потом рисует. Каждый этап занимает от недели до нескольких, сроки зависят от масштаба компании.
Исследование, позиционирование и концепция
На аналитике собирают факты о компании, рынке, конкурентах и покупателях. Инструменты обычные, то есть интервью, разбор аудитории и ревизия макетов. На выходе бриф и отчёт.
Следующим шагом на бумагу ложится позиционирование: роль бренда, его характер, ценности и главная мысль.
Концепция превращает смыслы в картинку: настроение, графику, знак, палитру, шрифты. Работает приём с метафорой, когда ценности сводят к одному образу и подкрепляют референсами. Вариантов показывают несколько, обычно мудбордами.
Брендбук, гайдлайн и внедрение
Утверждённые решения фиксируют документом.
Внутри брендбука лежат размеры и отступы логотипа с перечнем запрещённых вариантов, палитра в кодах HEX, RGB, CMYK и Pantone, разметка типографики и образцы применения. Пользуются им дизайнеры, маркетологи, PR и HR: новичка вводят в курс дела, подрядчику отдают вместо объяснений.
Перед внедрением стиль проверяют на носителях и на людях.
Фокус-группе показывают макеты и выясняют, какие ассоциации возникают. При негативном отклике уточняют, дело в элементах или в концепции, дают аудитории время привыкнуть и повторяют опрос. Дальше стиль разворачивают во всех точках контакта.
- Бриф и разведка: интервью, портрет аудитории, конкуренты, ревизия макетов.
- Позиционирование: роль, характер, ценности и главная мысль бренда.
- Концепции: мудборды и несколько направлений на выбор.
- Дизайн в порядке логотип, палитра, типографика, графика.
- Раскладка стиля на упаковке, документах и в интерфейсе.
- Брендбук и гайдлайн с правилами применения.
- Тестирование, внедрение и контроль в точках контакта.
У каждого агентства свой набор шагов и свой порядок, поэтому объём и очерёдность оговаривайте на входе. Отдельная страница показывает, как устроена разработка фирменного стиля и брендбука, а весь путь создания бренда расписали в материале про этапы брендинга.
Типичные ошибки при создании фирменного стиля
Самая частая просьба в практике агентств это скопировать минимализм мирового технологического бренда.
Но минимализм работает у бренда, который и так узнают. Новому бизнесу нужна дифференциация, а лаконичный безликий знак растворяется среди похожих.
Вторая история это цвет по вкусу руководителя вопреки данным исследования аудитории; такой выбор обычно заканчивается повторным ребрендингом. Третья это «логотип за один день». Он не масштабируется, не работает в монохроме, а из-за стокового элемента похож на знак конкурента.
Остальные ошибки повторяются от проекта к проекту:
- Пропущенный анализ аудитории и конкурентов, из-за чего стиль строится на догадках.
- Слишком сложная метафора: смысл понятен автору концепции, но не покупателю.
- Разнобой в каналах: наружная реклама, сообщества и сайт выглядят как три компании.
- Погоня за трендами или полное их игнорирование: стиль либо устаревает за сезон, либо выглядит архаично.
Страхует от этого работа от смысла к форме. Сперва стратегия, из позиционирования уже вырастает стиль. Держите в голове систему целиком, раскладывайте решения на реальных носителях до подписания, не жалейте времени на документацию. Экран проверяйте раньше бумаги: это и есть принцип digital-first. И помните, что толстый брендбук ничего не стоит, пока команда в него не заглядывает.
Примеры фирменного стиля брендов
Фирменный стиль Coca-Cola держится на двух константах: фирменном красном и курсивном логотипе, который почти не менялся больше века. Узнаваемость тут накоплена постоянством.
У Яндекса роль якоря играет белая «Я» на красном: знак работает и фавиконом, и на фасаде. Яндекс Маркет при обновлении логотипа перешёл в красно-жёлтые цвета с отсылкой к материнскому бренду, поэтому читается как часть экосистемы. Авиасейлс строит образ вокруг голубого иллюминатора, Т-Банк вокруг жёлто-чёрной пары.
Dodo Pizza показывает связь документа и поведения компании: ценности бренда (вкус, качество, доступность, открытость) прописаны в брендбуке и поддержаны стилем пиццерий и упаковки. Общее у примеров одно: набор констант ограничен, а применяют его одинаково во всех точках контакта.
