19 выдающихся примеров руководства по стилю бренда

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

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

Роль руководства по стилю бренда - служить для дизайнеров, писателей и создателей контента справочником о том, как представить бренд в ресурсах дизайна и создаваемом контенте. Хотя у разных брендов есть уникальные и индивидуальные способы создания своего руководства по стилю, их цель одинакова: обеспечить последовательность бренда и прояснить, что они отстаивают.

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

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

• Логотипы
• Шрифты
• Цвета
• Кнопки
• Иконки

Руководство по стилю бренда Skyscanner привлекло наше внимание по ряду причин. Во-первых, всегда приятно, когда бренд открывает форум с прозрачностью бренда, как это делает Skyscanner, указывая идею и тему процесса ребрендинга в главном тексте своей домашней страницы руководства по стилю, который гласит: «Новый внешний вид и более смелый взгляд».

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

Этот процесс разработки логотипа, представленный Skyscanner, на самом деле можно рассматривать как тематическое исследование в результате мозгового штурма и раундов итераций, составляющих процесс разработки логотипа бренда с нуля.

Лучшая практика в дизайне логотипа - рисовать наброски различных изображений, которые иллюстрируют и символизируют то, что представляет ваш бренд, и в конечном итоге создавать окончательный логотип, сочетающий эти разные идеи. Если вы присмотритесь, вы увидите, что полукруг на изображениях «Оптимизм» и «Идеи» совмещен с производной направленной вниз стрелки «Пункты назначения». Учитывая круговой характер нового символа Skyscanner, глобус «Устойчивость» также включен в их окончательный символ.

Что действительно уникально в том, как Skyscanner составляет свою цветовую палитру, так это то, что они выбирают нетипичный путь. Вместо того, чтобы показывать образец каждого цвета с соответствующими значениями HEX и RGB, Skyscanner показывает название каждого цвета, а также краткое описание или определение того, что этот цвет представляет для них как бренда.

Таким образом, цветовая палитра Skyscanner становится больше, чем просто техническим индексом, отражающим визуальную идентичность их бренда; он идет еще дальше и рассказывает, как каждый из выбранных ими цветов соотносится с индивидуальностью и индивидуальностью их бренда.

Мы также заметили, что каждый образец цвета на самом деле представляет страну, в которую люди могут путешествовать (в идеале, используя Skyscanner для планирования своего маршрута), и что основной цвет бренда Sky Blue воплощает концепцию путешествий по всему миру, не знающих границ.

Среди его многих сильных сторон то, что нас особенно впечатлило в руководстве по стилю Firefox, - это то, насколько эффективно оно передает индивидуальность бренда Firefox. По сути, это визуальное представление индивидуальности бренда Firefox в их руководстве по стилю является живым доказательством того самого голоса, тона и идентичности бренда, которые описывает и визуализирует содержание руководства. Мы видим, что эта корреляция преобладает в нескольких элементах брендинга, таких как цветовая палитра, голос и тон, визуальные эффекты и т. Д.

Firefox громко и ясно излагает характерные черты своего бренда, со смелой уверенностью, что они считают себя брендом. Они самоуверенны и знают это, гордятся своей открытостью, радикальностью и уверены в своей доброте.

Но это не только слова, которые они используют, или большой размер шрифта, который они используют, чтобы сделать эти смелые заявления. Цвета бренда, которые использует Firefox, говорят сами за себя. Их аналогичная цветовая палитра: темно-фиолетовый, темно-розовый, ярко-оранжевый и ярко-красный - это визуальные выражения тех самых слов, которые Firefox использует в разделе «Личность».

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

Голос и тон Firefox - это просто продолжение индивидуальности их бренда, что, если задуматься, верно и для человеческих личностей. Поскольку как отдельные люди, наш голос и тон - это словесное выражение нашей экзистенциальной личности.

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

Легендарный бренд Fisher-Price определенно нуждался в переосмыслении своей стратегии бренда и руководства по стилю еще… задолго до того, как появились руководства по стилю бренда. Начиная с 1930 года, миссия Fisher-Price всегда заключалась в создании игрушек, которые «пробуждают воображение и делают что-то новое, удивительное и забавное».

За последние 90 лет компании Fisher-Price приходилось неоднократно воссоздавать и корректировать стратегию своего бренда в соответствии с быстро меняющимися рыночными тенденциями и интересами аудитории. Но каким-то образом им удалось сохранить лояльность к своим изначальным ценностям бренда, несмотря на резкие различия между поколениями детей и их родителями или опекунами, покупающими им драгоценные игрушки.

Fisher-Price передает ценности своего бренда с помощью формулировок и графики, которые пробуждают наше внутреннее дитя, с их яркими, веселыми цветами бренда и игривым, беззаботным подбором слов. Ясно, что их бренд, а также их голос бренда основаны на ценности игры и возможности, которая случается только раз в жизни, быть ребенком.

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

Синий рисунок - это все о воображении и сенсационных опытах, которые приглашают нас раскрыть наш творческий потенциал и взлететь: например, «Bang Boom Bzz» и «Cloud Jumping», которые находят отклик у детей, которые хотят окружить себя миром. творческой игры, в которой они создают самодельную среду безграничного веселья и смеха.

Мы редко сталкиваемся с выбором типографики, будь то собственный фирменный шрифт или нет, который имеет две вариации, созданные Fisher-Price: обычную версию и «надувную» версию. Fisher-Price создали свой собственный шрифт, который они назвали «Let's Be Glyphs», придерживаясь своего характерного языка «Let's Be Kids», включающего способ выражения «приходи и играй».

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

Как мы упоминали ранее, прозрачность бренда - это действительно достоинство, когда дело доходит до брендинга продукта и построения сообщества. Выбор прозрачности в отношении решений вашего бренда и дизайнерского мышления создает доверие пользователей, уверенность в бренде и позитивные отношения как с существующими, так и с потенциальными пользователями. Мы особенно ценим то, как Waze поделилась с нами своим процессом ребрендинга, поскольку мы в Elementor скоро приступим к всестороннему ребрендингу компании. Будьте на связи.

В своих рекомендациях по бренду Waze шаг за шагом делится своим процессом ребрендинга, где они подробно описывают, как они «обновили идентичность своего бренда», превратив его в новый феномен:

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

Учитывая, что как продукт, Waze - это краудсорсинговое сообщество, в котором водители помогают водителям ориентироваться в мире, вполне логично, что язык их бренда и коллективные элементы дизайна сосредоточены вокруг темы навигации и построения структуры с эксклюзивными блоками. как (или вы можете также назвать это сеточным) дизайном.

Хотя нам действительно нравятся оба стиля значков, то есть ранее использовавшиеся плоские значки Waze, а также их новые значки с заливкой контура, они поделились, что стиль контура с заливкой больше соответствует их новому фирменному стилю.

С точки зрения UX, использование значков с закрашенными контурами вместо заполненных значков на самом деле положительно влияет на производительность задачи. С помощью контурных значков пользователям легче распознавать и выбирать значки, когда они обведены, а не закрашены.

С точки зрения брендинга Waze поделился, что «простой сдвиг всех них, теперь с черными штрихами, делает их более связным набором, и теперь они выглядят намного лучше, интегрированными со значком Wazer».

Суть WeWork как «продукта» - это физические собрания и социальные взаимодействия, которые происходят в физическом пространстве, которое компания создает для своих пользователей. В этом отношении совершенно логично, что их брендинг, будь то стиль, ценности бренда или язык дизайна, представляет собой прочный, согласованный набор принципов, которые можно применить к архитектуре, духу сообщества и, конечно же, к визуальному дизайну. принципы.

Если вы побывали в одном или нескольких офисах WeWork по всему миру, даже если их количество по всему миру составляет целых 848, стиль дизайна интерьера, который используется в каждом WeWork, на самом деле невероятно единообразен, и все они соответствуют схожей компоновке и стилю дизайна. .

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

Ценность, которую любой бренд может найти в создании собственной дизайн-системы, на наш взгляд, бесспорна. Совершенно очевидно, что такая компания, как WeWork, увидела бы создание собственного языка дизайна как сильный стимул к своему успеху.

Что касается визуального дизайна, активы бренда WeWorks и элементы дизайна также следуют этому принципу сбалансированной структуры и гибкости. Хотя их основные фирменные цвета - черный и белый, при просмотре их руководства по стилю вы встретите почти все цвета радуги.

Их визуальные ресурсы, будь то цифровые, бумажные и т. Д., Соответствуют тщательно структурированному макету, который определяет ширину столбцов, поля и информационную архитектуру. Они называют свои рекомендации по макету «Snap-to-fit», характеризуя его тем, как «макет и иерархия могут быть реструктурированы быстро и эффективно. WeWork представляет собой основу, основу, основу, которая поддерживает и дает возможность контенту, участникам и сообществам процветать ».

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

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

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

Заявление Copper заключается в том, чтобы преодолеть разрыв между молодыми подростками и взрослыми, которым необходимы знания и опыт для принятия ответственных финансовых решений. Поэтому очень логично понять, что их фирменный стиль (в данном случае, представленный их фирменным наименованием и их логотипом) представляет собой визуальное слияние нескольких концепций: традиционной медной монеты пенни, истории Авраама Линкольна, которую подростки будут интересовать. узнали об этом на уроках американской истории, превратившись в современную жизнерадостную иллюстрацию с ярко-фиолетовым окружением и дружелюбным аватаром.

Как мы видим, цель бренда - помочь подросткам осуществить переход от того, чему они учатся (в классе или с помощью неформальных образовательных инструментов, таких как приложение Copper), и реализовать его здесь и сейчас, обстановка и стиль, соответствующие их образу жизни.

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

То, что Коппер называет своими «иллюстрациями Эйба», мы считаем способом максимизировать потенциал изображений и иллюстраций вашего бренда. Пройдя мимо графической адаптации картины Авраама Линкольна, Медь создает восемь дополнительных аватаров, которые представляют Линкольна, выполняющего различные действия.

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

Всемирно известный бренд такси Uber находит множество способов выделить свое руководство по стилю, особенно историю своего бренда, из толпы. Например, в своем разделе «Элементы системы» они посвящают много обсуждения своим требованиям к пространству и разметке, а также композиции фотографии. В целом, Uber очень подробно описывает принципы дизайна, которые они создали и которым следуют при создании и использовании своих визуальных ресурсов.

Заявление о бренде - это письменное изложение миссии о том, что ваша компания была создана для создания и достижения, каково ваше видение и какие задачи вы стремитесь решить. Читая заявление вашего бренда, люди поймут, что делает вас уникальным и как ваша личность повлияет на опыт, который вы создаете для них.

Вы можете думать о заявлении бренда так же, как о маркетинге своего продукта. Под этим мы подразумеваем, что точно так же, как веб-сайт продукта содержит короткий заголовок (обычно h1 в разделе героя его домашней страницы), излагающий ценностное предложение и добавленную стоимость продукта, тот же метод может быть применен для создания вашего заявления о бренде. .

По сути, вы изображаете свой бренд как продукт сам по себе.

Если вы сравните два заголовка h1 как на главной странице Uber, так и на главной странице истории бренда Uber, оба предложения констатируют добавленную стоимость, которую получит пользователь, как с точки зрения бренда, так и с точки зрения обслуживания (продукта), соответственно. Это именно та информация, которую мы, как бренд, созданный для веб-создателей и дизайнеров, верим в то, чтобы общаться с помощью руководства по стилю бренда.

В конце концов, ваше ценностное предложение - это ваша северная звезда, и каждый компонент вашего бренда и вашего мышления обращается к нему за руководством. Это верно как для бренда как продукта, так и для руководства по стилю как продукта.

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

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

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

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

Netflix всегда использовал свой логотип как способ занять доминирующее положение в индустрии потокового видео. Бренд, который вытеснил подобные Blockbuster в 2010-х годах и зарекомендовал себя как доминирующий игрок в потоковом видео, Netflix стал культовым именем в семье, наравне с такими, как Google и Apple.

Когда дело доходит до использования смелых основных цветов, таких как красный, и логотипа с заглавными буквами, Netflix неустанно пытается создать бренд, известный беспрецедентным сервисом по непревзойденной цене.

Руководство по стилю бренда Apple - не что иное, как расширение коннотации, которую мы все приписываем этому давнему и очень востребованному бренду бытовой электроники. От оригинального iPod до новейшего iPhone Apple успешно создала, возможно, самый популярный монохромный логотип всех времен.

Apple, один из самых известных брендов в мире, десятилетиями сохраняет свой культовый стиль, и это прослеживается в их руководстве по стилю бренда. Их культовый логотип Apple стал маяком для бренда, который поставляет одни из самых востребованных продуктов в мире.

Логотип и название Medium являются важным выражением общей идентичности бренда и были тщательно разработаны и сконструированы для достижения визуальной гармонии. Изначально созданная как виртуальная издательская платформа, Medium призвана предоставить читателям возможность находить неоткрытые голоса и делиться своими сочинениями по любой теме.

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

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

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

Разработанный как единственное приложение для деловых сетей и взаимодействия, которое вам понадобится, Slack четко определил свой уникальный голос как совершенный бизнес-инструмент в своем руководстве по стилю бренда .

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

Возможно, одно из самых влиятельных и недооцененных руководств по стилю в истории, датируемое еще в начале 1950-х годов, Управление транзита Нью-Йорка создало культовый шедевр, предоставляя путеводитель по большей части того, что делает Нью-Йорк, ну ... Нью-Йорк.

Если вы ищете более ностальгический гид, который перенесет вас обратно в Нью-Йорк, «Fuhgettaboutit», потому что это оно! Это руководство по стилю, созданное как руководство для описания дизайна и конструкции знаковых знаков метро Нью-Йорка, которые все еще можно увидеть и использовать сегодня , представляет собой прекрасную и, что более важно, бесценную часть истории дизайна.

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

Наглядный пример этого можно увидеть на примере использования Zendesk фигур, которые они называют «формами отношений». Каждая «Relationshape» состоит из двух простых форм и используется для отражения различных функций или особенностей платформы.

Zendesk утверждает, что если каждый знак состоит из двух простых форм, это означает «двух человек». Они могут делать все вместе: разговаривать, гулять, ссориться, соглашаться, раздражать, поддерживать, любить, и что все отношения так же уникальны, как и каждый продукт ».

Skype - это телекоммуникационное приложение, предназначенное для предоставления пользователям видеосвязи, чата и голосовых вызовов между компьютерами, планшетами, мобильными устройствами и т. Д. Он предлагает своего рода неожиданный, но освежающий подход к представлению своего бренда.

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

Столь же смелая и выразительная, как и ее клиентура, богатая история Fender по предоставлению миру музыкальных продуктов высочайшего качества за последние 75 с лишним лет оживает благодаря выразительному и привлекательному руководству по стилю бренда .

Их выразительный логотип, также известный как «логотип Spaghetti», является их культовой подписью и оставил свой след в музыкальной индустрии. Их использование ярко-красного и белого цветов помогает представить смелые и мощные качества их бренда.

ESPN, являясь основным продуктом отрасли, сыграл важную роль в распространении и распространении всех видов спорта. Их руководство , простое и понятное по своей природе, отдает дань уважения их богатой истории и вкладу в глобальный мир спорта, новостей, печати и радиовещания.

Их руководство по стилю бренда помогает обеспечить визуальное представление бренда и разделено как на исторический контент, так и на правила относительно того, как правильно использовать их бренд; все обрисовано в виде некоего архитектурного проекта.

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

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