Бренд Совесть
Это бета-версия правил визуальных материалов Совести.
Вопросы, замечания и пожелания пишите сюда: design@sovest.com
Совесть — это карта честной беспроцентной рассрочки. Никаких звёздочек и скрытых условий. Возвращаешь ровно ту сумму, которая была на ценнике.

Задача визуальных коммуникаций бренда — просто и без мишуры донести до клиента пользу Совести. Этого будет достаточно, чтобы продукт продал себя сам.
Эмитент карты Совесть — КИВИ Банк (АО), лицензия ЦБ РФ №2241.
Логотип
Охранное поле
Без дескриптора
Оставляйте вокруг логотипа пустое пространство: сверху и снизу равное высоте знака ©, по краям — полторы ширины знака.
С дескриптором
Используем в коммуникациях с нашими клиентами.
Используем в коммуникациях с теми, у кого нет карты.
Расположение в макете
Предпочтительно располагаем логотип в верхний левый угол макета.
Логотип Совести нельзя встраивать в предложения или фразы, видоизменять, сокращать или использовать вместо него символ ©.
Цвет
Белый
Для акцентов можно использовать один из дополнительных цветов.
В наших макетах всегда много «воздуха» — белого цвета. Для текста, графики, кнопок и почти всего остального используем графитовый. Он воспринимается мягче и теплее чёрного цвета.
Графитовый
RGB 28 28 33
#1C1C21
RGB 255 255 255
#ffffff
221 233 170
#dde9aa
246 217 187
#f6d9bb
Основные
Дополнительные
242 208 227
#f2d0e3
216 200 227
#d8c8e3
212 220 238
#d4dcee
203 229 242
#cbe5f2
195 229 205
#c3e5cd
249 240 186
#f9f0ba
245 206 208
#f5ced0
Sovest
Verdana
Используем, когда нет возможность подгружать фирменный шрифт. Например, в электронных рассылках.
Заголовки 1-го уровня набираем Sovest Medium
Заголовки 2-го уровня набираем Sovest Medium
Заголовки 3-го уровня набираем Sovest Bold
Основной текст набираем Sovest Regular.
Шрифт
Лигал набираем Sovest Regular.
Используем фирменный шрифт Sovest. Предпочитаем начертание Regular для основного текста, Medium для заголовков первого и второго уровня и Bold для заголовков третьего уровня.
Графика и фото
Карта Совесть
Основа большинства имиджей — изображение нашей карты в  подходящем ракурсе.
Общее
Графика
Используем геометричные или плавные линии.
1
3
4
Рисуем иллюстрации с невысокой детализацией.
Контурные линии дополняем сплошной заливкой для графического контраста. →
Совмещаем графику с угловой линией. →
2
3
4
Во всём макете используем линии одинаковой толщины.
5
6
7
12
11
Линия и углы
Концы линии закругляем. →
Где уместно, скругляем углы.
6
7
8
Цвет
9
10
11
12
Дополнительным цветом может быть нарисован самостоятельный элемент. →
Если нужно добавить акцент или разбавить однообразие графики — добавляем в макет один пастельный цвет из дополнительной палитры.
Цвет фона — белый; линий, контуров и базовых заливок — графитовый.
Используем не сплошную, а прерывистую линию. →
Дополнительный цвет добавляем заливкой (полностью или частично повторяющий форму), смещённой относительно контура. →
Чтобы фон оставался преимущественно белым, используем обтравленные фото. →
Фото + графика
13
15
14
16
13
Фото можно дополнять сюжетом при помощи графики. →
Если фото невозможно обтравить, берём его в клип-маску со скруглёнными углами. →
Графику можно рисовать поверх фото. →
14
15
16
Вёрстка
Здравый смысл
Пользуйтесь рекомендациями, но помните, что всегда есть исключения.
Используйте силу, здравый смысл и законы композиции.
Базовая типографика
Пишем Совесть без кавычек.
Текст основного набора и большинство заголовков верстаем с выключкой влево.
Используем контрастную типографику: заголовки и текст заметно отличаются друг от друга размером.
Пишем «ё», где она слышится.
Пишем «кешбэк».
Используем «кавычки-ёлочки».
Используем тире «em dash».
Текст в кнопках — с большой буквы, без точки в конце.
Точки в конце заголовков не ставим.
Числа из пяти и более цифр разбиваем пробелом: 50 000 ₽.
Знак рубля «₽» ставим через пробел после числа.
Не оставляем висящие предлоги, союзы и цифры.
Порядок вёрстки
Размеры элементов вёрстки (логотипа, лигала) зависят от размера формата (h — высота): x=h/36
Скачайте модульную сетку и растяните её на формат носителя.
Шаг 1
В нижний правый угол сетки поставьте графический элемент — скруглённую линию.
Горизонтальный
Квадратный
Вертикальный
Размеры элементов вёрстки
Расставьте на макете обязательные элементы:
Определите параметр x — высоту одного модуля сетки. Он зависит от высоты h конкретного макета:

x=h/36
Логотип — в левый верхний угол.
1
Шаг 2
2
1
3
2
3
Шаг 3
Размер логотипа с дескриптором
Небольшой формат — 3x или 4x.
Большой формат — 2x или 3x.
Размер логотипа без дескриптора
Небольшой формат — 2x или 3x.
Большой формат — 1x или 1,5x.
Размер шрифта лигала
Небольшой формат — 1х, но не меньше 7 pt.
Большой формат — 0,5х. Интерлиньяж = кеглю.
Линии и скругление
Толщина линии = 0,5 толщины вертикальной перекладины буквы Т нашего логотипа.
Радиус скругления угла = 0,5 высоты знака © в логотипе.
Лигал — в левый нижний угол.
Это обязательный элемент всех макетов.
Эмитент карты Совесть — КИВИ Банк (АО), лицензия ЦБ РФ №2241.
Актуальный лигал
Добавьте текст коммуникации на макет. Кегли и интерлиньяж определяются параметром x — высотой модуля сетки.
Шаг 4
Набираем начертанием Regular.
2
1
3
Набираем начертанием Bold.
Набираем начертанием Medium.
Кегль = интерлиньяжу = не меньше 4x.
Кегль = кеглю основного текста.
Заголовок первого уровня
Заголовок второго уровня
Кегль = интерлиньяжу = не меньше 3x.
Набираем начертанием Medium.
Заголовок  третьего уровня
Основной текст
4
Кегль кратен 0,8x, интерлиньяж кратен x.
Базовая линия текста должна совпадать с линиями модульной сетки. То есть интерлиньяж может быть равен x, 1,5x, 2x, 2,5x.
Пример расчёта размера кеглей
Высота макета h = 450 px
Кегль заголовка 1-го уровня 12,5*4 = 50 px
Основной текст кратен 0,8х и может быть:
Кегль основного текста равен 0,8 от интерлиньяжа, т. е. соответственно равен 0,8x, 1,2x, 1,6x, 2x
1
2
3
4
Высота модуля сетки x = 450/36 = 12,5 px
Кегль заголовка 2-го уровня 12,5*3 = 37,5 px
Кегль заголовка 3-го уровня = кеглю основного текста
12,5*0,8х = 10 px
12,5*1,2х = 15 px
12,5*1,6х = 20 px
12,5*2х = 25 px
Кнопки и иконки
Текст на кнопке набираем кеглем основного текста.
Цвет кнопки — графитовый, а текста — белый.
Размер кнопки зависит от размера текста в ней:
высота кнопки = 3 кегля (но не меньше 42 px);
отступы слева и справа от текста = 2,5 кегля;
cкругление углов всегда = 10 px.
Кнопки
Как рисовать иконки
вписываем в модульную сетку 250×210 px;

Иконки
занимаем всю площадь сетки — иконки имеют одинаковые пропорции;

углы закругляем по радиусу 50 px или 25 px;

масштабируем пропорционально закруглениям (scale corners в Ai);

толщину контура делаем как у других графических элементов в макете.

Поделитесь мнением о правилах или напишите нам замечания: design@sovest.com