• Концепция

  • Логотип

  • Цвет

  • Типографика

  • Иконки

  • Стиль изображений

  • Паттерны

Цвет

.zip, ~151 KB
Основные цвета

Общий тон — белый. Занимает не менее 70% экрана. Создает гармоничное единство фона, фотографий и арт изображений. Белый цвет — функционален. Он не несет в себе информационной нагрузки, поэтому воспринимается мозгом спокойно и ясно.

На основных страницах банка, а также страницах с услугами физических лиц мы используем синий цвет (Blue). На страницах с услугами для юридических лиц — тёмно-синий цвет (Dark Blue). Красный цвет нельзя использовать, как равнозначный основному. Он может использоваться, как акцент. Для продукта используем до 3-х фирменных цветов продукта.

Основной цвет для текста — серый (G 80 — Gray).

Name
Color
HEX
RGB
W 100 — White
FFFFFF
255, 255, 255
B 70 — Blue
1B74FD
27, 116, 253
DB 100 — Dark Blue
1B57B4
27, 87, 180
G 80 — Gray
7C8292
124, 130, 146
Дополнительные цвета

Дополнительные цвета должны занимать не более 5% экрана. Применять цвета необходимо в соответствии с концепцией для эффективного распределения акцентов.

Gray
Name
Color
HEX
RGB
G 100
363C4E
54, 60, 78
G 60
C7CBD6
199, 203, 214
G 40
DFE3EC
223, 227, 236
G 20
F2F4F8
242, 244, 248
G 10
F6F9FF
246, 249, 255
Blue
Name
Color
HEX
RGB
B 100
0038D7
0, 56, 215
B 80
0042FF
0, 66, 255
Green
Name
Color
HEX
RGB
G 100
0BB578
11, 181, 120
G 10
D1F8E1
209, 248, 225
Red
Name
Color
HEX
RGB
R 100
ED143B
237, 20, 59
Цвета продукта

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

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

Ниже представлены фирменные цвета для страницы банка с продуктами Халва MIX и MAX, Халва Плюс, PayOkay, MTBank FX

Халва Mix Max
Name
Color
HEX
RGB
Halva Mix
009CA6
0, 156, 166
Halva Max
ED5F2C
237, 95, 44
Халва Плюс
Name
Color
HEX
RGB
HalvaPlus
D1535E
209, 83, 94
Gradient Halva 1
E97078
233, 112, 120
Gradient Halva 2
C95967
201, 89, 103
PayOkay
Name
Color
HEX
RGB
PayOkay
532AD3
83, 42, 211
Gradient PayOkay 1
615EFB
97, 94, 251
Gradient PayOkay 2
6D34E7
109, 52, 231
MTBank FX
Name
Color
HEX
RGB
FX color blue
008BCC
0, 139, 204
FX color red
E41E24
228, 30, 36
FX color middle blue
22528B
34, 82, 139
FX color dark blue
001C54
0, 28, 84
Смотрите также
Компоненты

Библиотека компонентов состоит из кнопок, списков, форм и многих других элементов, которые можно скачать в формате .fig

Макеты

Раздел содержит макеты страниц сайта, а также дизайн цифровых продуктов банка. Вы можете скачать макеты в форматах .fig и .jpeg