MTBank FX Banner Guideline by DAB Agency

BANNER GUIDELINE ВЕРСИЯ 01 | Май 2017

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

name_of_file Имя файла, в котором хранится версия для дальнейшей работы.

К руководству прилагаются электронные версии макетов и необходимых файлов. Всегда следует использовать готовые файлы, не создавая их заново. Руководство по фирменному стилю MTBank FX | Версия 01

СОДЕРЖАНИЕ БАЗОВЫЕ ЭЛЕМЕНТЫ ФИРМЕННОГО СТИЛЯ

1. Логотип 1.1. Основная версия логотипа. Монохромный вариант..........................03 1.2. Безопасное поле. Правила масштабирования........................................04 1.3. Допустимые и недопустимые варианты использования.................05 2. Цветовая схема Основные и дополнительные цвета.......................................................................06 3. Шрифтовая схема Основной шрифт. Правила использования.......................................................07

4.3. Баннер 300x600px 4.3.1. Схема построения...............................................................................................12 4.3.2. Шрифтовая и цветовая схема.....................................................................13 4.4. Баннер 160x600px 4.4.1. Схема построения...............................................................................................14 4.4.2. Шрифтовая и цветовая схема.....................................................................15 4.5 Баннер 336x280px 4.5.1. Схема построения...............................................................................................16 4.5.2. Шрифтовая и цветовая схема.....................................................................17

ФИРМЕННЫЙ СТИЛЬ ИНТЕРНЕТ-БАННЕРОВ

4.6. Баннер 728x90px 4.6.1. Схема построения...............................................................................................18 4.6.2. Шрифтовая и цветовая схема.....................................................................19

4. Общий принцип построения баннеров 4.1. Составляющие части баннеров....................................................................09

ФОТОКОНТЕНТ

4.2. Баннер 1080x607px 4.2.1. Схема построения...............................................................................................10 4.2.2. Шрифтовая и цветовая схема.....................................................................11

5.1. Общие правила.............................................................................................................21 5.2. Рекомендуемые изображения персонажа...............................................22

Руководство по фирменному стилю MTBank FX | Версия 01

1— 3

БАЗОВЫЕ ЭЛЕМЕНТЫ ФИРМЕННОГО СТИЛЯ

1.1. Логотип

Основная версия логотипа. Монохромный вариант

Основная версия

1.1.1.MTBankFX_Logotype

1.1.2.MTBankFX_Logotype_Black

Монохромная версия

1.1.3.MTBankFX_Logotype_White

Руководство по фирменному стилю MTBank FX | Версия 01

1.2. Логотип

Безопасное поле. Правила масштабирования 1. Для сохранения максимального воздействия и читаемости логотипа необходимо убедиться, что логотип правильно дистанцирован от любых других объектов, которые могут размещаться рядом с ним. По этой причине назначается охранное поле, в рамках которого никакой другой графический элемент появиться не может. Охранное поле равняется высоте буквы «M» логотипа. 2. Минимальный размер фирменного блока — 15 мм. Перед печатью рекомендуется проконсультироваться с технологом производства.

Охранное поле

Мин 20 мм Охранное поле

1.2.1.MTBankFX_Logotype_ClearSpace

1.2.2.MTBankFX_Logotype_MinSize

Руководство по фирменному стилю MTBank FX | Версия 01

1.3. Логотип

Допустимые и недопустимые варианты использования Логотип без плашки используется только на однородном фоне фирменного синего цвета. В случае, когда необходимо разместить логотип на неоднородном фоне (иллюстрация, фотография, паттерн и т.п.), под ним стоит использовать плашку белого цвета в размер безопасного поля.

РАЗРЕШЕНО

ЗАПРЕЩЕНО

Руководство по фирменному стилю MTBank FX | Версия 01

2. Цветовая схема

Основные и дополнительные цвета Нижеприведенные цвета являются основой цветовой палитры фирменного стиля. Дополнительные цвета могут применяться в оформлении деталей и второстепенных графических объектов.

ДОПОЛНИТЕЛЬНЫЕ ЦВЕТА

ОСНОВНЫЕ ЦВЕТА

RED_01

BLUE_02

BLUE DARK_03

MIDDLE BLUE _04

R: 229 G: 31 B: 37 С: 0 M: 96 Y: 88 K: 0

R: 0 G: 140 B: 205 С: 80 M: 32 Y: 0 K: 0

R: 0 G: 28 B: 94 С: 100 M: 90 Y: 39 K: 37

R: 34 G: 82 B:139 С: 93 M: 68 Y: 19 K: 04

#e41e24

#008bcc

#001c54

#22528b

2. MTBankFX_Colors

Руководство по фирменному стилю MTBank FX | Версия 01

3. Шрифтовая схема Основной шрифт

Систематическое использование фирменных шрифтов способствует повышению узнаваемости бренда. Шрифт Myriad Pro применяется для ведения всей деловой документации и при наборе текста любых других носителей коммуникации.

MYRIAD PRO

Light

Regular

Semibold

AБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭ ЮЯ абвгдеёжзийклмнопрстуфхцчшщъыьэюя 1234567890.,;:?!&%/’№()$»-

Начертание Light используется для сносок и комментариев.

Начертание Regular используется для основного текста.

Начертание Semibold используется для заголовков и выделений внутри основного текста.

3.MTBankFX_Fonts

Руководство по фирменному стилю MTBank FX | Версия 01

4— 5

ФИРМЕННЫЙ СТИЛЬ ИНТЕРНЕТ-БАННЕРОВ

Руководство по фирменному стилю MTBank FX | Версия 01

4.1. Общий принцип построения баннеров Составляющие части баннеров

Принципы построения баннеров указаны на примере наиболее распространенных размеров. По приведенным далее схемам строятся также баннеры схожих пропорций. Вся информация располагается на белой фирменной плашке. Все элементы оформления: текстовые и графические — выравниваются по единой модульной сетке. Выравнивание текста, кнопки и логотипа всегда по левому краю. Цвет фирменных элементов остается неизменным. Баннер состоит из следующих обязательных частей: 1. Визуал, который является фоном (см. 5. Фотоконтент) Логотип Заголовок Основной текст Кнопка

Фирменная плашка с фирменными элементами Дисклеймер

RED_01

ЦВЕТ ФИРМЕННЫХ ЭЛЕМЕНТОВ

RED_01

BLUE_02

R: 229 G: 31 B: 37

R: 0 G: 140 B: 205

С: 0 M: 96 Y: 88 K: 0 #e41e24

С: 80 M: 32 Y: 0 K: 0 #008bcc

BLUE_02

Руководство по фирменному стилю MTBank FX | Версия 01

4.2.1. Баннер 1080x607px Cхема построения

По данной схеме строятся баннеры схожих пропорций. Высота логотипа «MTBank FX» в баннере 1080х607px равна 1/20 высоты баннера. Высота буквы «M» в логотипе равняется Х. Х — основа построения рекламных макетов. С его помощью определяются отступы от логотипа, поля, расположение плашки и текста. Фирменная белая плашка находится слева. Радиус скругления нижнего правого угла: 150 px. Размер плашки и ее расположение являются неизменными. Остальные расстояния приведены на схеме.

х 1,5 х

1,5 х 2х х

18,5 х

4.2.1.MTBankFX_1080x607

Руководство по фирменному стилю MTBank FX | Версия 01

4.2.2. Баннер 1080x607px Шрифтовая и цветовая схема

Весь текст в макетах набирается шрифтом Myriad Pro. Слева приведены рекомендованные значения для текста при размере баннера 1080x607px. Если при заданных значениях текст не вмещается, рекомендуется его сократить. Увеличивать или уменьшать размер текста допускается не более чем на 10%. Изменение размеров заголовков и подзаголовков происходит пропорционально друг другу.

ЗАГОЛОВОК Myriad Pro Semibold Максимальный размер: 36 pt. Интерлиньяж: Размер шрифта x 1. Цвет: Middle Blue _04, #22528b ОСНОВНОЙ ТЕКСТ Myriad Pro Regular Максимальный размер: 32 pt. Интерлиньяж: Размер шрифта x 1 Цвет: Blue _02, #008bcc КНОПКА Myriad Pro Semibold Макс. размер: 14pt, Заглавные Цвет текста: Белый, #ffffff Цвет кнопки: Red_01, #e41e24 ДИСКЛЕЙМЕР Myriad Pro Regular Максимальный размер: 12 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Middle Blue _04, #22528b Opacity: 50%

Руководство по фирменному стилю MTBank FX | Версия 01

4.3.1. Баннер 300x600px Cхема построения

По данной схеме строятся баннеры схожих пропорций. Высота логотипа «MTBank FX» в баннере 300x600 px равна примерно 1/25 высоты баннера. Высота буквы «M» в логотипе равняется Х. Х — основа построения рекламных макетов. С его помощью определяются отступы от логотипа, поля, расположение плашки и текста. Фирменная белая плашка крепится в верхней части. Радиус скругления нижнего правого угла: 30 px. Высота плашки может изменяться в зависимости от количества информации. Фото может заходить на плашку без ущерба тексту. Остальные расстояния приведены на схеме.

13,75 х

не менее х

не менее х 1,5 х

11,75 х

4.3.1.MTBankFX_300x600

Руководство по фирменному стилю MTBank FX | Версия 01

4.3.2. Баннер 300x600px Шрифтовая и цветовая схема

Весь текст в макетах набирается шрифтом Myriad Pro. Слева приведены рекомендованные значения для текста при размере баннера 300x600px. Если при заданных значениях текст не вмещается, рекомендуется его сократить. Увеличивать или уменьшать размер текста допускается не более чем на 10%. Изменение размеров заголовков и подзаголовков происходит пропорционально друг другу.

ЗАГОЛОВОК Myriad Pro Semibold Максимальный размер: 21 pt. Интерлиньяж: Размер шрифта x 1. Цвет: Middle Blue _04, #22528b ОСНОВНОЙ ТЕКСТ Myriad Pro Regular Максимальный размер: 17 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Blue _02, #008bcc КНОПКА Myriad Pro Semibold Макс. размер: 14pt, Заглавные Цвет текста: Белый, #ffffff Цвет кнопки: Red_01, #e41e24 ДИСКЛЕЙМЕР Myriad Pro Regular Максимальный размер: 10 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Middle Blue _04, #22528b Opacity: 50%

Руководство по фирменному стилю MTBank FX | Версия 01

4.4.1. Баннер 160x600px Cхема построения

По данной схеме строятся баннеры схожих пропорций. Высота логотипа «MTBank FX» в баннере 160x600 px равна примерно 1/32 высоты баннера. Высота буквы «M» в логотипе равняется Х. Х — основа построения рекламных макетов. С его помощью определяются отступы от логотипа, поля, расположение плашки и текста. Фирменная белая плашка крепится в верхней части. Радиус скругления нижнего правого угла: 36 px. Высота плашки может изменяться в зависимости от количества информации. Фото может заходить на плашку без ущерба тексту. Остальные расстояния приведены на схеме.

20,5 х

не менее х

не менее х не менее 2х

4.4.1.MTBankFX_160x600

Руководство по фирменному стилю MTBank FX | Версия 01

4.4.2. Баннер 160x600px Шрифтовая и цветовая схема

Весь текст в макетах набирается шрифтом Myriad Pro. Слева приведены рекомендованные значения для текста при размере баннера 160x600px. Если при заданных значениях текст не вмещается, рекомендуется его сократить. Увеличивать или уменьшать размер текста допускается не более чем на 10%. Изменение размеров заголовков и подзаголовков происходит пропорционально друг другу.

ЗАГОЛОВОК Myriad Pro Semibold Максимальный размер: 16 pt. Интерлиньяж: Размер шрифта x 1. Цвет: Middle Blue _04, #22528b ОСНОВНОЙ ТЕКСТ Myriad Pro Regular Максимальный размер: 14 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Blue _02, #008bcc КНОПКА Myriad Pro Semibold Макс. размер: 14pt, Заглавные Цвет текста: Белый, #ffffff Цвет кнопки: Red_01, #e41e24 ДИСКЛЕЙМЕР Myriad Pro Regular Максимальный размер: 10 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Middle Blue _04, #22528b Opacity: 50%

Руководство по фирменному стилю MTBank FX | Версия 01

4.5.1. Баннер 336x280px Cхема построения

По данной схеме строятся баннеры схожих пропорций. Высота логотипа «MTBank FX» в баннере 300х600px равна примерно 1/14 высоты баннера. Высота буквы «M» в логотипе равняется Х. Х — основа построения рекламных макетов. С его помощью определяются отступы от логотипа, поля, расположение плашки и текста. Фирменная белая плашка крепится в левой части. Радиус скругления нижнего правого угла: 32 px. Размер плашки и ее расположение являются неизменными. Фото может заходить на плашку без ущерба тексту. Остальные расстояния приведены на схеме.

0,5х

не менее х

не менее х 1,5 х х

0,5х

11,5 х

4.5.1.MTBankFX_336x280

Руководство по фирменному стилю MTBank FX | Версия 01

4.5.2. Баннер 336x280px Шрифтовая и цветовая схема

Весь текст в макетах набирается шрифтом Myriad Pro. Слева приведены рекомендованные значения для текста при размере баннера 336x280px. Если при заданных значениях текст не вмещается, рекомендуется его сократить. Увеличивать или уменьшать размер текста допускается не более чем на 10%. Изменение размеров заголовков и подзаголовков происходит пропорционально друг другу.

ЗАГОЛОВОК Myriad Pro Semibold Максимальный размер: 17 pt. Интерлиньяж: Размер шрифта x 1. Цвет: Middle Blue _04, #22528b ОСНОВНОЙ ТЕКСТ Myriad Pro Regular Максимальный размер: 14 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Blue _02, #008bcc КНОПКА Myriad Pro Semibold Макс. размер: 11pt, Заглавные Цвет текста: Белый, #ffffff Цвет кнопки: Red_01, #e41e24 ДИСКЛЕЙМЕР Myriad Pro Regular Максимальный размер: 10 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Middle Blue _04, #22528b Opacity: 50%

Руководство по фирменному стилю MTBank FX | Версия 01

4.6.1. Баннер 728x90 px Cхема построения

По данной схеме строятся баннеры схожих пропорций. Высота логотипа «MTBank FX» в баннере 728х90px равна примерно 1/4 высоты баннера. Высота буквы «M» в логотипе равняется Х. Х — основа построения рекламных макетов. С его помощью определяются отступы от логотипа, поля, расположение плашки и текста. Фирменная белая плашка крепится в левой части. Радиус скругления нижнего правого угла: 24 px. Размер плашки и ее расположение являются неизменными. Остальные расстояния приведены на схеме.

не менее 0,5х х 26 х

4.6.1.MTBankFX_728x90

Руководство по фирменному стилю MTBank FX | Версия 01

4.6.2. Баннер 728x90 px

Шрифтовая и цветовая схема Весь текст в макетах набирается шрифтом Myriad Pro. Слева приведены рекомендованные значения для текста при размере баннера 728x90px. Если при заданных значениях текст не вмещается, рекомендуется его сократить. Увеличивать или уменьшать размер текста допускается не более чем на 10%. Изменение размеров заголовков и подзаголовков происходит пропорционально друг другу. Ниже приведено рекомендованное количество текста на баннере. В случае необходимости увеличения объемов текста рекомендуется использовать покадровую анимацию и сохранять баннер в формате gif.

ЗАГОЛОВОК Myriad Pro Semibold Максимальный размер: 18 pt. Интерлиньяж: Размер шрифта x 1. Цвет: Middle Blue _04, #22528b ДИСКЛЕЙМЕР Myriad Pro Regular Максимальный размер: 10 pt. Интерлиньяж: Размер шрифта x 1,2 Цвет: Middle Blue _04, #22528b Opacity: 50%

Руководство по фирменному стилю MTBank FX | Версия 01

ФОТОКОНТЕНТ

Руководство по фирменному стилю MTBank FX | Версия 01

5.1. Фотоконтент Общие правила

В качестве фотоконтента могут использоваться несколько видов визуалов: портреты, городские пейзажи и сюжетные фотографии, предметная съемка девайсов, визуализирующих интерфейс сервиса, элементы, ассоциирующиеся с финансовой сферой (графики, схемы и т.д.). Все фотоизображения должны иметь высокое качество: правильное освещение, экспозицию, композицию кадра. В изображении должны отсутствовать артефакты съёмки (аберации, пыль на матрице и т.д), видимые следы обработки, постеризация или пикселизация. На изображениях не должно быть логотипов, товарных знаков других брендов. Рекомендуется избегать клишированных сюжетов и моделей.

Портреты — обобщённый образ целевой аудитории бренда. В зависимости от задачи, образ целевой аудитории может корректироваться .

Руководство по фирменному стилю MTBank FX | Версия 01

5.1. Фотоконтент

Рекомендуемые изображения персонажа Если на визуале присутствует персонаж, то модель должна отражать портрет целевой аудитории, быть приятной европейской внешности и в деловом стиле одежды (костюм или рубашка). Взгляд модели должен быть уверенным, но при этом спокойным и не агрессивным. Персонаж должен выражать опыт, уверенность и профессионализм. Недопустимо использование излишней эмоциональности и неестественных поз.

Пример фирменного фотоизображения — портрет на фоне размытого городского пейзажа.

Пример фотографий с нейтральным по эмоциям сюжетом.

Руководство по фирменному стилю MTBank FX | Версия 01

Руководство по фирменному стилю MTBankDAB FX AGENCY | Версия 01 Разработано: | dab.by |

2017 25

mtbankfx.mtbank.by