Buenas prácticas de UX/UI
  • 10 Feb 2023
  • Oscuro
    Ligero

Buenas prácticas de UX/UI

  • Oscuro
    Ligero

Article Summary

El logotipo de Zenki

La marca Zenki y Zenkipay están disponibles en 3 versiones, Logo en color para fondo blancos o claros, logo en colores claros para fondos negros u oscuros y una versión en alto contraste (blanco/negros y en negativo) para sitios.


Los archivos están en los siguientes formatos:

PNG (RGB)

Con fondos transparentes para poder usarlo sobre fondos claros sin necesidad de recortar el logotipo.

PDF y EPS (CMYK)

Contiene el archivo en formato vectorial para usos de impresión.

SVG (RGB)

Logotipo en formato vectorial para uso en web o apps.



Logotipo

Área de Seguridad:

Se define como el espacio que se debe respetar alrededor del logo de Zenki y todos los logos derivados de Zenki para permitir “que respiren” y evitar diluir su presencia con otros elementos gráficos alrededor.


El área segura del logotipo de Zenki y Zenkipay asegura la legibilidad y el impacto del Logotipo aislándolo de elementos visuales que compiten como texto y gráficos de apoyo. Esta zona es la distancia de seguridad mínima; el logotipo debe tener aún más espacio para respirar.


La zona segura se mide usando la letra "n" del logo de Zenki, usando como base su altura, la altura determina tanto. para los laterales, hay que voltear horizontalmente la letra "n". ver imagen.



Isotipo

En algunas ocasiones especiales se puede usar el isotipo como elemento de representación de Zenki, como por ejemplo en las imágenes de perfil en las redes sociales. Para estos casos se requiere que se respete el área de seguridad que está construido a base de la mitad del mismo isotipo. Ver figura.



Tamaños mínimos permitidos

El tamaño mínimo asegura que el impacto y legibilidad del Logo se Zenki y productos derivados no se vean comprometidas cuando se aplique en diversos medios.

Digital

Para el logo de Zenki se recomienda que el tamaño mínimo no sea menor a 150 pixeles de ancho por 52 pixeles de alto.

Impresión

Para el logo de Zenki se recomienda un tamaño no menor a 2.5 centímetros de ancho y 0.84 centímetros de alto.

Consideraciones tanto para impresión y digital

Todos los productos de Zenki, empiezan con la palabra "Zenki", (ej: Zenkipay) Para el logo de estos productos se recomienda que sea la misma medida del logo de Zenki pero agregando el extra que resulte del producto.




Paleta de colores.

La aplicación de color correcto es el siguiente:

Para los colores del isotipo se usa un degradado de 2 colores.

Hexadecimal: #FA01AD a #FE9301, se aplica dentro del isotipo de extremo a otro con una inclinación a 36° grados (ver figura). Del resto del logotipo se usa el color hexadecimal #533B7F.


Para los productos se usa un color el #FD5B41 que hace la separación entre el logo de Zenki y el producto.


Para ver equivalencias a otros modos de color, ver figura.





Variaciones del logotipo

Colores

Versiones para modo oscuro.

Para aquellas aplicaciones (digital o impresos) que cuenten con modo oscuro, hay una versión del logotipo de Zenki en versión oscura, el degradado no cambia, tampoco el color del producto.

Alto contraste

También existe una versión de alto contraste. Todo el logotipo en un solo color. que podría usarse en aplicaciones donde solo se use una tinta (en caso de impresos)





Eslogan (tagline)

Tanto el logo de Zenki como los productos derivados cuentan con su propio slogan.

Para el logo de Zenki se usa "Crypto services for all". Para Zenkipay se usa "Crypto payments with trust".


No se puede usar slogans diferentes a estos descritos, tampoco se pueden traducir en otro idioma, todo debe ser en inglés.


Para el logo de Zenki el color debe ser #9A9A9A.




Tipografía secundaria.

Como tipografía secundaria se usa la fuente Montserrat. Esta tipografía refuerza y representa la visión de la marca Zenki, ayuda a dar un mensaje claro y directo. La fuente tipográfica Montserrat la usamos en banners, imágenes promocionales tanto digital e impresos.


Existe una gran gama de estilos dentro de la tipografía Montserrat, en Zenki solo usamos 2, Regular y Semibold.


Se puede descargar la tipografía directamente desde Google Fonts en la siguiente liga: https://fonts.google.com/specimen/Montserrat.



Uso de botones de Zenkipay

Existen 3 tipos de botones de pago de Zenkipay

  • Forma cuadrada
  • Forma en dos líneas de texto
  • Versión donde se muestran 6 Cripto monedas

Estos botones a su vez tienen 3 variantes de color:

  • Fondo blanco con elementos en color
  • Fondo degradado con elementos en blanco (#FA01AD a #FE9301)
  • Color solido #533B7F(morado) con elementos en blanco

Nota: estás 3 versiones funcionan para fondos oscuros y fondos claros.

La versión con iconos de Cripto monedas se dividen en 2 versiones:

  • Para fondos claros
  • Para fondos oscuros




Usos indebidos del logotipo

El logotipo de Zenki y productos derivados del mismo, queda prohibido cambiar y/o deformar el logotipo. Las siguientes figuras son ejemplos de lo que no se debe hacer con la marca

  • Deformación
  • Modificar el logotipo
  • Cambio de colores
  • Contorno de logotipo
  • Tamaño menor al permitido
  • Cambio de Slogan
  • Cambio de dirección
  • Bajo contraste
  • Transparencia



Usos indebidos del botón

  • No usar la tipografía oficial 
  • Cambio de colores
  • Modificar el texto
  • Cambio de tamaño
  • Cambio de dirección
  • Cambio de orden de elementos
  • Agregar elementos 



¿Te ha sido útil este artículo?

What's Next