Рекомендации по дизайну
Следуйте этим рекомендациям, чтобы логотип и кнопки Xsolla корректно отображались при выборе способа оплаты.
Логотип Xsolla
Варианты использования
Цветной логотип
Монохромный логотип (черный)
Монохромный логотип (белый)
Ограничения
Обратите внимание, что вы не можете:Растягивать логотип.
Использовать устаревший или неофициальный логотип Xsolla.
Менять цвет логотипа — используйте официальные цвета, приведенные в таблице ниже.
Размещать логотип на цветном фоне — используйте белый фон вместо цветного.
Цвета
В зависимости от темы платежного интерфейса, логотип Xsolla может быть следующих цветов:| Тема | Цвет логотипа | Логотип |
|---|---|---|
| Светлая (цветной логотип) | Маджента:
|  |
| Светлая (монохромный логотип) | Черный:
|  |
| Темная (монохромный логотип) | Белый:
|  |
Кнопки
Вы можете реализовать отображение списка способов оплаты в соответствии с вашими потребностями. Для поддержания консистентности, следуйте приведенным ниже рекомендациям по дизайну кнопки, которая предназначена для перехода к платежному интерфейсу Xsolla.
Цветной логотип
Монохромный логотип (черный)
Монохромный логотип (белый)
Пропорции
Рекомендации по отображению текста на кнопке:- вертикальное и горизонтальное выравнивание по центру;
- 40% высоты кнопки.
Скругление
Вы можете добавить скругление углов кнопки.
Тень
Вы можете добавить тень к кнопке.
Примеры отображения в списке платежных методов
Была ли статья полезна?
Спасибо за обратную связь!
Ваши мысли и идеи помогут нам улучшить ваш пользовательский опыт.Нашли опечатку или ошибку в тексте? Выделите ее и нажмите Ctrl+Enter.
