Saltar al contenido principal

Personalizaciones

Es posible personalizar el logo que se muestra al usuario final. Para solicitar la inclusión de este logo, debes enviar al equipo de Unico una imagen en formato .PNG, con un tamaño de 56x56px.

Reglas
  • Prioriza la aplicación del logo sobre fondos que garanticen la legibilidad.
  • No uses logos que no respeten la cuadrícula cuadrada.
  • Evita usar logos de baja resolución.
  • No apliques el logo sobre fondos transparentes.
Recomendaciones

Prioriza colores con un contraste legible de al menos 4.5:1, siguiendo los parámetros de accesibilidad de WCAG. Usa el valor hexadecimal de los colores para verificar la escala de contraste. Ejemplo: Color de primer plano #000000, Color de fondo #FFFFFF, Ratio de contraste 21.00:1.

Personalización del color y la forma de los botones​

A lo largo del proceso de implementación, es posible solicitar la configuración del color y la forma de los botones en la interfaz de Verificación de Tarjeta No Presente, de acuerdo con la identidad visual de la empresa.

Recomendaciones
  • Elige colores accesibles: Al personalizar los colores de los botones en Web y Native, opta por un esquema de colores accesible que garantice la visibilidad para todos los usuarios, incluidos aquellos con discapacidad visual.
  • Ratios de contraste: Apunta a un ratio de contraste superior a 4.51:1 para obtener los mejores resultados.

Los colores accesibles mejoran la navegación para todos, especialmente para las personas con baja visión. Usa códigos de color hexadecimales para verificar el contraste y sigue las directrices de WCAG.

  • Ejemplo: #FFFFFF (texto) sobre #000000 (fondo) da como resultado un ratio de contraste de 21.00:1.

Redondeo de las esquinas del botón​

Además de los colores de texto y fondo, también puedes definir el redondeo de las esquinas del botón (border-radius) en píxeles.

Configuración de personalización​

Para configurar la identidad visual del cliente o partner para el botón, comparte la siguiente información con el equipo de implementación de Unico:

  • Código de color hexadecimal para el fondo del botón. Ejemplo: #000000.
  • Código de color hexadecimal para el texto del botón. Ejemplo: #ffffff.
  • Redondeo de las esquinas del botón en píxeles. Ejemplo: 10px.
Última actualización el