Логотип

Alfa ID

Принципы использования кнопки на сайтах партнёров

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

Версии кнопок

Кнопка «Войти по Альфа ID» должна быть такого же размера, как и все остальные на странице. Она состоит из логотипа и текстовой части. Допускается 2 стиля использования: основной и дополнительный. Дополнительная кнопка нужна, когда все кнопки на сайте партнера контурные.

 

Шрифт

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

64 px и больше: рекомендуем шрифт кегля 18
56-48 px: рекомендуем шрифт кегля 16
48 px: рекомендуем шрифт кегля 14
 

Логотип

Логотип в кнопке может быть двух размеров — 24 px и 16 px и двух цветов: красный и белый. При высоте кнопки:

56 px и более: рекомендуем высоту логотипа 24 px
48 px и меньше: рекомендуем высоту логотипа 16 px
 

Цвет

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

 

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

Важно соблюдать принцип построения кнопки. Элементы внутри кнопки должны быть расположены в центре. Если хотите уменьшить ширину кнопки, проверьте, чтобы расстояние от края было не меньше размера логотипа.

 

Запрещено

  • Изменять цвет фона и контура
  • Менять отступ от логотипа до текстовой части
  • Делать логотип меньше 16 px

Разрешено

  • Изменять высоту кнопки
  • Изменять радиус скругления кнопки

Примеры