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.

Casos de uso

Logotipo de color

Logotipo monocromo (negro)

Logotipo monocromo (blanco)

Descargar logotipos

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:

TemaColor del logotipoLogotipo
Claro (logotipo de color)Magenta:
  • HEX: #ff05b
  • RGB: 255 0 91
  • CMYK: 0 100 55 0
Color logo
Claro (logotipo monocromo)Negro:
  • HEX: #18171c
  • RGB: 24 23 28
  • CMYK: 50 50 50 100
Black logo
Oscuro (logotipo monocromo)Blanco:
  • HEX: #ffffff
  • RGB: 255 255 255
  • CMYK: 0 0 0 0
White logo
 

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!
¿Hay algo en lo que podamos mejorar? Mensaje
Lo sentimos
Por favor, cuéntanos por qué no te ha resultado útil este artículo. Mensaje
¡Gracias por tu mensaje!
Nos ayudará a mejorar tu experiencia.
Última actualización: 2 de Julio de 2024

¿Has encontrado una errata u otro error de texto? Selecciona el texto y pulsa Ctrl+Intro.

Informar de un problema
Nos esforzamos por ofrecer contenido de calidad. Tus comentarios nos ayudan a mejorar.
Déjanos tu correo electrónico para que te podamos responder
¡Gracias por tu mensaje!