Бренд компании Брусника
Правила работы с визуальным стилем
Знак
Знак Брусники — абстрактное изображение ягоды. Он построен в соответствии с принципами золотого сечения
Использование:
Знак может использоваться вне лок-апа, если на носителе или рядом с ним есть вордмарк.
Формула построения знака:
B = A ÷ Phi C = B ÷ Phi D = B − C → Phi — число золотого сечения
Вордмарк
Текстовая часть логотипа набрана шрифтом Брусники Grtsk Mega Bold в верхнем регистре с межбуквенным интервалом -60 и скорректированным кёрнингом
Использование:
Текстовая часть может использоваться отдельно от знака (вне лок-апа), если на носителе или рядом с ним есть знак или паттерн Брусники.
Лок-ап
Лок-ап — отправная точка для построения гибкой системы отношений знака и вордмарка
Использование:
Лок-ап используется при взаимодействии с внешними контрагентами (например, при передаче логотипа для размещения на партнёрских носителях) или когда он абсолютно необходим внутри коммуникации Брусники.
Охранное поле лок-апа:
Пространство вокруг лок-апа, равное высоте знака, должно оставаться пустым.
Цвета
- #EF3B24
C: 0 M: 92 Y: 100 K: 0
R: 239 G: 59 B: 36
Pantone: 179 C - #F26651
- #F5887A
- #F9B2A4
- #FCD8D4
- #EF3B24
C: 0 M: 92 Y: 100 K: 0
R: 239 G: 59 B: 36
Pantone: 179 C - #F26651
- #F5887A
- #F9B2A4
- #FCD8D4
- #9ACA3C
C: 45 M: 0 Y: 100 K: 0
R: 154 G: 202 B: 60
Pantone: 376 C - #ADD363
- #C1DC8B
- #D3E7B7
- #E8F2D6
- #9ACA3C
C: 45 M: 0 Y: 100 K: 0
R: 154 G: 202 B: 60
Pantone: 376 C - #ADD363
- #C1DC8B
- #D3E7B7
- #E8F2D6
- #8C123C
C: 0 M: 87 Y: 57 K: 45
R: 140 G: 18 B: 60
Pantone: 7434 C - #A34461
- #B87486
- #D3A3B3
- #E8CFD9
- #8C123C
C: 0 M: 87 Y: 57 K: 45
R: 140 G: 18 B: 60
Pantone: 7434 C - #A34461
- #B87486
- #D3A3B3
- #E8CFD9
- #14191A
C: 23 M: 4 Y: 0 K: 90
R: 20 G: 25 B: 26
Pantone: 7547 C - #5B5E5E
- #8A8C8C
- #B9BABA
- #E7E8E8
- #14191A
C: 23 M: 4 Y: 0 K: 90
R: 20 G: 25 B: 26
Pantone: 7547 C - #5B5E5E
- #8A8C8C
- #B9BABA
- #E7E8E8
- #A8A29D
C: 36 M: 32 Y: 36 K: 0
R: 168 G: 161 B: 154
Pantone: 407 C - #C2BDB8
- #DBD8D5
- #F5F4F2
- #FFFFFF
- #A8A29D
C: 36 M: 32 Y: 36 K: 0
R: 168 G: 161 B: 154
Pantone: 407 C - #C2BDB8
- #DBD8D5
- #F5F4F2
- #FFFFFF
- #37465B
C: 40 M: 20 Y: 0 K: 75
R: 55 G: 70 B: 91
Pantone: 432 C - #616B7A
- #88909B
- #B0B5BD
- #D7DADE
- #37465B
C: 40 M: 20 Y: 0 K: 75
R: 55 G: 70 B: 91
Pantone: 432 C - #616B7A
- #88909B
- #B0B5BD
- #D7DADE
B2C бренды
Яркий и энергичный алый — главный цвет мастербренда Брусники. Он дополнен акцентными зелёным, красным, чёрным и тёплым серым. Все оттенки основных цветов сделаны с шагом в 20% прозрачности
Избранное и достопримечательности
Для Брусники.Избранного и Достопримечательностей Брусники используется минималистичная цветовая гамма — чёрный, белый и серый
B2B бренды
Для B2B брендов вместо красного используется инженерный синий и тёплый серый
Типографика
GRTSK FAMILY
Современный
гуманистический
гротеск
Основной шрифт бренда — Grtsk, он используется во всех носителях в трёх начертаниях
GRTSK MEGA
Для названий проектов Брусники и для коротких заголовков используется начертание Grtsk Mega Bold
Интерлиньяж равен +4pt от кегля. Если название или заголовок крупные, трекинг уменьшается до -60
Grtsk Tera
Для заголовков используется семейство Grtsk Tera Semibold или Bold
Интерлиньяж равен кеглю. Если заголовок крупный, трекинг уменьшается до −10
Grtsk Exa
Для наборных текстов используется семейство Grtsk Exa Regular или Medium.
Для подзаголовков — Grtsk Exa Semibold
В длинных текстах (два предложения и более) интерлиньяж равен +3pt от кегля. Трекинг +10
Разница между параграфом и заголовком — минимум 1.5х
Фирменная графика
Библиотека элементов
Графическая система Брусники вырастает из логотипа бренда. Логотип, разобранный на отдельные элементы, вписанные в квадрат, дополняется базовыми геометрическими формами.
Этот набор графических форм применяется для генерации паттернов и создания графем
Генеративный паттерн
Паттерн Брусники строится по модульной сетке, где один модуль — это элемент из библиотеки
Правила генерации паттерна
- Использовать только графику из библиотеки элементов
- Не менять сетку элементов (не добавлять отступов между ними и т.п.)
- Элементы можно поворачивать
- Можно удваивать некоторые элементы внутри их квадрата для улучшения композиции
- Круг может размещаться не по сетке и перемещаться из одного элемента в другой
демо-версию генератора