Directrices de diseño
Siga estas directrices para que el logotipo y los botones de Xsolla se muestren adecuadamente a la hora de elegir un método de pago.
Logotipo de Xsolla
Casos de uso
Logotipo de color
Logotipo monocromo (negro)
Logotipo monocromo (blanco)
Limitaciones
Recuerde que no puede:Agrandar el logotipo.
Utilizar un logotipo de Xsolla obsoleto o no oficial.
Cambiar el color del logotipo: emplee los colores oficiales especificados en la siguiente tabla.
Mostrar el logotipo sobre un fondo de color: emplee en su lugar un fondo blanco.
Colores
En función del tema de la interfaz de pago, el logotipo de Xsolla puede contener los siguientes colores:Tema | Color del logotipo | Logotipo |
---|---|---|
Claro (logotipo de color) | Magenta:
| |
Claro (logotipo monocromo) | Negro:
| |
Oscuro (logotipo monocromo) | Blanco:
| |
Botones
Puede implementar la visualización de una lista de métodos de pago que se correspondan a sus necesidades. Para mantener la coherencia, siga las directrices que aparecen a continuación sobre el diseño del botón que redirige a los usuarios a la interfaz de pago de Xsolla.
Logotipo de color
Logotipo monocromo (negro)
Logotipo monocromo (blanco)
Proporciones
Directrices sobre la visualización de textos en el botón:- alineación centrada vertical y horizontal
- 40 % de altura del botón
Radio de las esquinas (de redondeo)
Puede ajustar el radio de las esquinas (de redondeo) de los botones.
Efecto de sombreado
Puede agregar un efecto de sombreado al botón.
Ejemplos de visualización en la lista de métodos de pago
¿Te ha resultado útil este artículo?
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.