Skip to content

Требования к иконкам

Evgeny Sergeev edited this page May 22, 2020 · 39 revisions

Названия иконок

Название иконки имеет имеет вид: set_name-name_size_color, где set — набор иконок, обычно icon или glyph. Например, icon_bank-alfa_m_black.

Иконки начинающиеся с payment-to или transfer-to использутся на Payment Hub в АМ и АБМ. Они же используются в АБМ для отображения типа операции в истории и на фианльных экранах.

Иконки начинающиеся с category- используются в истории транзакций и PFM только в АМ.

Art — иллюстрации (например, для Empty State и Error State), размер от 64х64.

Цвета

Название Значение
white #FFFFFF
black #0B1F35
color Любое другое

Размеры

Icon

Название Размер
xs 12×12
s 18×18
m 24×24
l 30×30
xl 36×36
xxl 48×48
xxxl 88×88

Art

Название Размер
xs 64×64
s 80×80
m 96×96
l 112×112
xl 128×128

Пустой слой

У иконки должен быть пустой слой с размером самой иконки. Например, если у вас иконка m, то должен быть пустой квадрат 24x24px. Это нужно, чтобы иконка точно правильно отображалась на мобильных платформах и с ней было удобнее работать другим дизайнерам.

Особенности стиля

У иконок набора icon:

  • должен быть объект с прозрачностью 30%, обычно это что-то второстепенное;
  • толщина линий — 1px, если нужно толще, то:
Размер Толщина
s 1,5
m 2
l 2,5
xl 3
xxl 4