• Концепция

  • Логотип

  • Цвет

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

  • Иконки

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

  • Паттерны

Типографика

Шрифт Inter

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

.zip, ~2 MB
Thin
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
ExtraLight
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Light
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Regular
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Medium
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
SemiBold
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Bold
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
ExtraBold
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Black
АаБбВвГгДдЕеЁёЖжЗз 1234567890 !?000@$#%
Использование шрифта

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

Десктоп
Name
Size (PX)
Line Height (%)
Letter Spacing (%)
Headline 1
44
110
-5
Headline 2
30
130
-4
Headline 3
24
130
-4
Headline 4
20
130
-4
Headline 5
18
150
-4
Headline 6
15
120
-4
Subtitle
18
130
-4
Body 1
17
150
-4
Body
15
140
-4
Button M
16
120
-4
Button S
14
100
-4
Caption
12
100
-2
OVERLINE
10
100
-2
Мобильная версия
Name
Size (PX)
Line Height (%)
Letter Spacing (%)
Headline 1
24
120
-4
Headline 2
21
120
-4
Headline 3
18
120
-4
Headline 4
17
130
-2
Headline 5
16
130
-4
Headline 6
14
120
-4
Subtitle
16
130
-4
Body 1
15
140
-4
Body 2
14
140
-4
Caption
11
120
-2
OVERLINE
10
100
2
Смотрите также
Компоненты

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

Макеты

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