Логотип

Alfa Pay

Рассказываем, как использовать логотип на кнопках

Картинка баннера

Варианты кнопок

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

Варианты кнопок

Цвет

Для логотипа и заливки кнопки используется один цвет.

Цвет

Шрифт

В кнопке желательно использовать шрифт SF Pro Text.

Логотип

Размещаем на кнопке в приложениях и на сайтах партнёров при выборе способа оплаты и для самой оплаты. ❗Нельзя менять отступы между иконкой и текстом.

Логотип

Размер логотипа

Для кнопок высотой от 56 px и выше используется высота логотипа 20 px. Для кнопок размером 48 px и меньше — высота логотипа 16 px.

Размер логотипа

Построение кнопки

Полная версия кнопки состоит из логотипа и текстовой части. Она центрируется. Минимальный отступ от края — высота логотипа. При уменьшении ширины экрана может использоваться сокращённая версия кнопки только с логотипом.

Построение кнопки

Кнопка с номером карты

В некоторых сервисах используют номер карты в кнопке. Он может быть с логотипом платёжной системы и без. На красном фоне под лого платёжной системы необходима чёрная плашка в высоту логотипа Альфа Pay.

Кнопка с номером карты

Запрещается

Изменять пропорции текстовой и графической части.

Менять отступ между текстовой и шрифтовой частью.

Делать заливку светлее тона #5B5B5B, иначе читаемость снижается.

Делать текстовую часть логотипа красным на тёмном фоне.

Делать расстояние от края меньше 24 px.

Примеры