Навигация
Визуальный язык бренда
Этот брендбук — инструкция и вдохновение для всех, кто работает с визуалом и коммуникациями MarHR. Здесь описаны принципы, которые помогут использовать дизайн-систему правильно и сохранять целостность бренда во всех каналах коммуникации. Чтобы мы выглядели цельно, узнаваемо и современно — в каждом посте, баннере и слайде.
Все фирменные материалы, примеры и шаблоны собраны в единой библиотеке в Figma — это гарантирует быстрый доступ к актуальным версиям и упрощает работу с визуальным стилем.
Все фирменные материалы, примеры и шаблоны собраны в единой библиотеке в Figma — это гарантирует быстрый доступ к актуальным версиям и упрощает работу с визуальным стилем.
Главная площадка HR-маркетологов
Упрощение сложного, любопытство, смелость, яркость, самобытность, рациональность, кайф, результаты всегда — основа ДНК бренда marhr
marhr — это по любви
marhr агентство
Помогаем компаниям решать HR-задачи, где без маркетинга не обойтись.
marhr блог
Cобираем авторский контент от тех, кто уже внедрил маркетинговые инструменты в HR-процессы и готов поделиться опытом.
marhr школа
Обучаем студентов не только индивидуально, но и создаём специальные корпоративные программы под запрос.
Упоминания в тексте
Название бренда должно выглядеть и звучать одинаково во всех коммуникациях — от документов до постов в соцсетях. В этом разделе собраны правила написания и произношения marhr, чтобы мы всегда говорили о себе единым голосом и сохраняли узнаваемость.
В названии бренда marhr используются только строчные буквы — это часть фирменного стиля и визуальной идентичности. Мы не пишем название с заглавной буквы или капслоком, не ставим кавычки и дополнительные символы.
В текстах по возможности используем фирменный шрифт Raleway в начертании Extra Bold, а при его отсутствии — системный Verdana (например, в презентациях). Для выделения бренда в тексте можно использовать также фирменный синий или зеленый цвета.
В текстах по возможности используем фирменный шрифт Raleway в начертании Extra Bold, а при его отсутствии — системный Verdana (например, в презентациях). Для выделения бренда в тексте можно использовать также фирменный синий или зеленый цвета.
Как мы пишемся
Как мы звучим
ма́рэйчар
марча́р
Для международной аудитории (все остальные рынки)
Для русскоязычной аудитории (Россия и СНГ) название marhr произносится с ударением на второй слог
Логотип marhr
Исходники и готовые файлы для веба/печати доступны в Figma и на Яндекс.Диске. Используйте только эти версии без изменений цвета, формы и пропорций.
Типографика
Типографика — «голос» бренда. Мы используем три семейства по задачам: Raleway — базовый шрифт для заголовков и основного текста; Montserrat — для цифр и метрик; Verdana — только в презентациях (системный шрифт для гарантированной совместимости).
Назначение: заголовки, подзаголовки, основной текст, подписи.
Начертания: Regular/Medium для текста, Bold/ExtraBold для заголовков и акцентов.
Правила: не смешивать больше 2 начертаний в одном экране/слайде; избегать ALL CAPS, допускаются короткие теги.
Начертания: Regular/Medium для текста, Bold/ExtraBold для заголовков и акцентов.
Правила: не смешивать больше 2 начертаний в одном экране/слайде; избегать ALL CAPS, допускаются короткие теги.
Назначение: показатели, цены, даты, проценты, инфографика.
Почему: В Raleway базовый набор цифр «провисает», из-за этого числа в строках и особенно в таблицах визуально «прыгают». Montserrat даёт ровную базовую линию, поэтому показатели, цены, проценты и даты считываются чище и выравниваются колонками.
Почему: В Raleway базовый набор цифр «провисает», из-за этого числа в строках и особенно в таблицах визуально «прыгают». Montserrat даёт ровную базовую линию, поэтому показатели, цены, проценты и даты считываются чище и выравниваются колонками.
Назначение: все тексты в презентациях (онлайн/офлайн).
Начертания: Regular для текста, Bold для заголовков.
Почему: системный шрифт — корректное отображение на любых устройствах без подстановок.
Начертания: Regular для текста, Bold для заголовков.
Почему: системный шрифт — корректное отображение на любых устройствах без подстановок.
Цвета бренда
Цветовая палитра — важная часть визуальной айдентики MarHR.
Она помогает сохранять целостность стиля во всех носителях и делает бренд легко узнаваемым. Палитра построена на сочетании базовых и акцентных цветов: базовые создают структуру и поддерживают читабельность, а акцентные добавляют энергию и помогают расставлять визуальные акценты. Использование палитры должно быть осознанным: акцентные цвета применяются умеренно и только в сочетании с базовыми, чтобы сохранить баланс и фирменный характер коммуникаций.
Она помогает сохранять целостность стиля во всех носителях и делает бренд легко узнаваемым. Палитра построена на сочетании базовых и акцентных цветов: базовые создают структуру и поддерживают читабельность, а акцентные добавляют энергию и помогают расставлять визуальные акценты. Использование палитры должно быть осознанным: акцентные цвета применяются умеренно и только в сочетании с базовыми, чтобы сохранить баланс и фирменный характер коммуникаций.
marhr blue
HEX RGB CMYK Pantone
#2020E6
32 32 230
86 86 0 10
2728 C
32 32 230
86 86 0 10
2728 C
#4347FF
67 71 255
67 71 255
HEX
RGB
RGB
HEX RGB CMYK Pantone
#3A7CFF 58 124 255
77 51 0 0
2727 C
77 51 0 0
2727 C
CMYK Pantone
74 72 0 0
2728 C
2728 C
MarHR Blue — ключевой фирменный цвет. Главный визуальный акцент и основной фон в коммуникациях. Передаёт энергию, уверенность и технологичность. Используется в первую очередь, формирует узнаваемость бренда.
Палитра построена по принципу цветовых групп. У каждой группы есть ведущий цвет — он используется приоритетно. Дополнительные оттенки применяются только в сочетании с ним и в меньших пропорциях — для нюансов и глубины.
Soft Gray
Нейтральный фон, создающий чистое и лёгкое восприятие. Применяется в карточках, блоках и инфографике, когда нужен визуальный «воздух».
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#4347FF
67 71 255
0 0 0 7
Cool Gray 1 C
67 71 255
0 0 0 7
Cool Gray 1 C
Wet Silver
Дополнительный нейтральный оттенок для фонов и вспомогательных элементов. Добавляет глубины и современности.
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#939DAC
147 157 172
15 9 0 33
Cool Gray 6 C
147 157 172
15 9 0 33
Cool Gray 6 C
Deep Navy
Глубокий тёмный фон для заголовков, подложек и контрастных акцентов. Усиливает читаемость текста и добавляет строгости.
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#001A3E
0 26 62
100 58 0 76
296 C
0 26 62
100 58 0 76
296 C
Neon Lime
Основной акцентный зелёный, яркий и динамичный. Привлекает внимание к ключевым элементам, подчёркивает свежесть и энергию.
#A1EB00
161 235 0
32 0 100 8
2290 C
161 235 0
32 0 100 8
2290 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#94D800
148 216 0
31 0 100 15
376 C
148 216 0
31 0 100 15
376 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#C1FD3F
193 253 63
24 0 75 1
2291 C
193 253 63
24 0 75 1
2291 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
Electric Pink
Выразительный акцентный розовый, используемый для тем, связанных с обучением и AI-направлением. Вносит живость и креативность.
#FC45C7
252 69 199
0 73 21 1
806 C
252 69 199
0 73 21 1
806 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#D91DA2
217 29 162 0
87 25 15
241 C
217 29 162 0
87 25 15
241 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#FF88DC
255 136 220
0 47 14 0
223 C
255 136 220
0 47 14 0
223 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
Solar Orange
Насыщенный тёплый акцентный оранжевый, подходящий для выделения важных деталей. Передаёт энергию, драйв и уверенность.
#FFB41D
255 180 29
0 29 89 0
1235 C
255 180 29
0 29 89 0
1235 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#FF9A1E
255 154 30
0 40 88 0
1375 C
255 154 30
0 40 88 0
1375 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
#FFC94B
255 201 75
0 21 71 0
136 C
255 201 75
0 21 71 0
136 C
HEX
RGB
CMYK
Pantone
RGB
CMYK
Pantone
Графические элементы
Визуальный язык бренда включает три группы графики, которые используются в сочетании друг с другом: рукописные акценты, декоративные формы и иллюстрации персонажей. Они создают динамику, поддерживают фирменный стиль и помогают выделять ключевые смыслы в коммуникациях.
Ручная графика — это набор динамичных стрелок, обводок, подчёркиваний, выделений и символов, выполненных в «живом» рукописном стиле. Она придаёт коммуникациям энергичность, дружелюбие и лёгкий неформальный оттенок, подчёркивая открытость бренда и его творческий характер. Используется как визуальный акцент для привлечения внимания к ключевым элементам: заголовкам, важным данным, кнопкам, объектам на фото.
Рекомендуем:
Рекомендуем:
- Применять ручную графику только как акцент, а не как основной декоративный слой.
- Сохранять баланс: каждый элемент должен работать на смысл, а не быть случайным «украшением».
- Следить за контрастом и читаемостью при размещении поверх фото.
- Для крупных объектов использовать обводки или стрелки, для мелких — небольшие подчёркивания или штрихи.
- В презентациях — применять для эмоциональных или ключевых слайдов, а не на каждом.
Ручная графика и акценты
- Выделять важное — обводить ключевые слова, цифры, кнопки, элементы на фото.
- Направлять взгляд — использовать стрелки для указания на важные объекты или блоки.
- Добавлять динамику — усиливать эмоцию или действие в композиции.
- Использовать в разных носителях — баннеры, презентации, email-рассылки, соцсети, обложки видеоуроков.
- Менять цвет — только в рамках брендовой палитры: чёрный, Neon Lime, Electric Pink, Solar Orange.
- Масштабировать — сохраняя исходные пропорции линии.
- Сочетать с декоративными формами и иллюстрациями — при условии баланса и достаточного «воздуха» в макете.
- Перегружать макет — не более 2−3 элементов ручной графики на одном экране или слайде.
- Перекрывать текст — особенно мелкий или длинный, чтобы не ухудшать читаемость.
- Искажать пропорции — растягивать или сжимать стрелки и линии по одной оси.
- Менять толщину линии вручную — это нарушает фирменный стиль.
- Использовать цвета вне палитры или градиенты, которые не утверждены в брендбуке.
- Добавлять эффекты (тени, свечения, сложные заливки, 3D) — они противоречат минимализму бренда.
- Чрезмерно дублировать — одинаковые стрелки или обводки в большом количестве создают визуальный шум.
Иллюстративный стиль бренда — яркий, современный и дружелюбный. Он сочетает плоскую векторную графику, смелую палитру и простые геометрические формы. Применяются во всех направлениях, но особенно активно — в материалах школы marhr: карточках уроков, баннерах и промо-блоках, где важно привлечь внимание и выделить ключевую информацию.
Рекомендуем:
Рекомендуем:
- Применяйте геометрические и абстрактные формы как фоновые, разделительные или акцентные элементы, а не как основной смысловой контент.
- Используйте только фирменную палитру
- Масштабируйте и дублируйте фигуры без искажения пропорций.
- Размещайте элементы так, чтобы они поддерживали композицию, а не перегружали её.
- В карточках уроков и баннерах располагайте элементы так, чтобы они вели взгляд к ключевому заголовку или CTA (призыв к действию).
- В презентациях используйте фигуры для выделения смысловых блоков и визуального ритма, но не на каждом слайде подряд.
Иллюстрации и декоративные формы
Иллюстрации персонажей — это готовый набор графических образов, отражающих визуальный стиль marhr. Они выполнены в плоском минималистичном стиле, без теней и объёмов, с крупными цветовыми пятнами и фирменными принтами на одежде. Эти персонажи не иллюстрируют конкретные ситуации, а применяются для усиления тем «люди, коммуникация, обучение».
Где применяем:
Карточки уроков/спикеров школы marhr, баннеры и анонсы, шапки лендингов, презентации (титульные и разделительные слайды), иллюстрации к разделам в гайдлайне.
Рекомендации:
Где применяем:
Карточки уроков/спикеров школы marhr, баннеры и анонсы, шапки лендингов, презентации (титульные и разделительные слайды), иллюстрации к разделам в гайдлайне.
Рекомендации:
- Используйте персонажей как визуальный акцент, а не основной смысловой элемент макета.
- Размещайте их так, чтобы они работали на композицию: направляли взгляд к заголовку, CTA или ключевой информации.
- В карточках и баннерах выбирайте масштаб, при котором персонаж хорошо считывается даже на мобильных.
- Подбирайте фон, чтобы контраст был достаточным для читаемости текста.
- Для серии материалов соблюдайте единый масштаб и расположение персонажей, чтобы сохранять ритм и целостность.
Иллюстрации персонажей
- Выделяйте акценты — используйте персонажей и формы, чтобы привлечь внимание к заголовкам и важным блокам.
- Соблюдайте масштаб — делайте элементы достаточно крупными для восприятия на любом устройстве.
- Оставляйте пространство — размещайте иллюстрации так, чтобы вокруг был визуальный «воздух».
- Комбинируйте элементы — сочетайте персонажей с формами и ручной графикой для динамики, но не перегружайте композицию.
- Поддерживайте стиль — используйте только элементы в фирменной стилистике.
- На одном экране рекомендуется до 1–3 основных элементов.
- Не перегружайте макет — не добавляйте слишком много декоративных элементов на один экран или слайд.
- Не закрывайте контент — не размещайте иллюстрации поверх текста или важных деталей.
- Не смешивайте стили — избегайте сочетания с чужими иллюстрациями, 3D эффектами или фотореалистичными изображениями.
- Не искажайте пропорции — не растягивайте и не сжимайте элементы по одной оси.
- Не используйте случайные цвета — придерживайтесь только палитры бренда.
Иконки выполнены в линейном (outline) стиле с лёгким «живым» штрихом. Они созданы для упрощения восприятия информации и структурирования контента, особенно в презентациях. Все иконки уже встроены в шаблоны презентаций в виде фигур, поэтому их можно легко перекрашивать с помощью инструмента «Заливка фигуры» в PowerPoint, выбирая нужный цвет из фирменной палитры.
Рекомендуем:
Рекомендуем:
- Используйте для акцентов — визуально выделяйте пункты списков, шаги процесса иликатегории информации.
- Поддерживайте единообразие — применяйте только иконки из фирменного набора, не смешивая со сторонними стилями.
- Соблюдайте читаемость — выбирайте размер, при котором иконка хорошо видна и не теряет деталей.
- Выдерживайте отступы — оставляйте пространство между иконкой и текстом.
- Меняйте цвет при необходимости — используйте инструмент «Заливка фигуры» для подбора оттенка из палитры бренда.
Иконки в фирменном стиле
Креативы и баннеры
Этот раздел описывает принципы, по которым мы создаём визуальные материалы для соцсетей и рекламных кампаний. Здесь зафиксированы базовые элементы, расположение ключевых объектов, использование цвета, типографики и графических акцентов. Соблюдение этих правил помогает сохранять единый стиль, узнаваемость и высокую читаемость креативов во всех форматах — от сторис и постов до анонсов мероприятий и промо-баннеров.
Креативы для соцсетей в системе MarHR строятся по модульной сетке, что обеспечивает единый визуальный ритм, читабельность и лёгкую адаптацию под разные форматы (VK, Telegram и др.).
- Ставьте главный акцент на ключевое сообщение: оно должно считываться за 1−2 секунды.
- Используйте не более одного акцентного цвета на макет, чтобы сохранить чистоту и фокус.
- Размещайте ключевой текст крупно, с учётом читаемости на мобильных экранах.
- Добавляйте иллюстрации, формы и ручную графику только как усиливающие элементы, а не как фон для текста.
- Проверяйте контраст: текст и важные элементы должны быть чётко видны на любом фоне.
- Соблюдайте фирменную палитру и типографику, избегая случайных цветов и шрифтов.
- Используйте единый стиль фото и иллюстраций в серии креативов.
- Адаптируйте макет под разные форматы (лента, сторис, баннер) без потери ключевых элементов.
Рекомендации
Шаблоны по типам креативов
Презентации
Фирменные презентации — это важный инструмент коммуникации бренда marhr. Они должны быть визуально цельными, удобными для восприятия и единообразными вне зависимости от темы и аудитории. Для этого разработаны готовые шаблоны с уже встроенными фирменными элементами: шрифты, палитра, иконки, графика и сетка слайдов.
В шаблонах предусмотрены различные типы слайдов: титульные, текстовые, инфографические, с фото, разделительные, итоговые. Также в конце каждого шаблона есть библиотека иконок и графических элементов для быстрого применения.
Рекомендации по применению:
Рекомендации по применению:
- Планируйте структуру презентации заранее: определите цель, ключевые тезисы и порядок подачи.
- Подбирайте изображения и иллюстрации, которые поддерживают смысл, а не просто «заполняют» фон.
- Для акцентов используйте минимум средств: один акцентный цвет + ручная графика.
- Размещайте текст так, чтобы он читался с расстояния и на мобильных экранах.
- Шрифт для презентаций — Verdana (системный шрифт) вместо фирменного Railway, чтобы избежать проблем с отображением на разных устройствах.
- Проверяйте адаптацию: презентация должна быть одинаково удобна и в офлайн-формате, и при демонстрации онлайн.
Общие правила
- Используйте фирменные шаблоны — они уже содержат шрифты, палитру, сетку и иконки.
- Применяйте Verdana во всех презентациях для корректного отображения на любых устройствах.
- Сохраняйте иерархию — различайте заголовки, подзаголовки и основной текст.
- Выделяйте ключевое с помощью акцентных цветов и ручной графики.
- Оставляйте «воздух» — поддерживайте визуальный баланс и читаемость.
- Используйте встроенные иконки и графику из библиотеки шаблона.
- Создавайте слайды с нуля без использования фирменного шаблона.
- Меняйте шрифт на нестандартный или отличный от Verdana.
- Перегружайте слайд большим количеством текста или элементов.
- Используйте случайные иконки или графику, не соответствующую фирменному стилю.
- Размещайте текст на фонах с низким контрастом.
- Нарушайте единый стиль в одной презентации, смешивая разные форматы и оформление.
Прочие носители стиля
Помимо ключевых коммуникационных материалов, фирменный стиль marhr используется и на дополнительных носителях, которые поддерживают целостность бренда и узнаваемость во всех точках контакта с аудиторией.
Выдаются участникам, успешно завершившим обучение и защитившим итоговую работу. Дизайн выдержан в фирменной палитре, с использованием иллюстраций персонажей и акцентных элементов бренда. В сертификате предусмотрено место для имени, программы курса и подписи куратора.
Сертификаты для выпускников
Применяются для оформления официальных страниц. Выполняются в фирменных цветах, с использованием логотипа, иллюстраций и акцентных элементов. Обложка должна сразу передавать суть направления (school, blog, agency) и привлекать внимание к ключевым сообщениям.
Обложки для VK
Этот гайдбук — инструмент, который помогает сохранять целостность и узнаваемость стиля marhr во всех коммуникациях. Следуя приведённым принципам и рекомендациям, мы формируем единый визуальный язык, поддерживающий ценности бренда и усиливающий его позиции.
Все права защищены 2025 © MarHR
