Directrices de marca
Logo
Colores
Typography
Voz y tono
Fotografía
Iconos
Asociaciones
Ten en cuenta que cuando utilizas nuestros activos, te adhieres a nuestros Términos y Condiciones.
Nuestro logotipo
Nuestro símbolo
Modos claro y oscuro
Espacio claro
Nuestro logotipo necesita espacio para respirar.
Para asegurarnos de que siempre sea claro e impactante, debemos mantener una zona protegida de espacio libre a su alrededor.
Esta regla impide que otros elementos se acerquen demasiado.
Bloqueo horizontal
Bloqueo vertical
En imágenes
Para mantener la legibilidad, el logotipo debe tener un alto contraste con su fondo. Cuando lo coloques sobre una foto o una imagen compleja, selecciona siempre la versión del logotipo (por ejemplo, en color o blanco) que más destaque.
Esta imagen tiene un fondo oscuro y profundo, por lo que utilizamos el logotipo blanco. Nuestro símbolo amarillo y el texto blanco crean un gran contraste contra el fondo.
Esta imagen tiene un fondo claro y brillante, por lo que utilizamos el logotipo a todo color. Nuestro símbolo amarillo y el texto gris crean un gran contraste contra el fondo.
Cosas que debes evitar
Colores
Resaltar Amarillo
Este es nuestro color de acento principal, utilizado para llamar la atención y añadir un destello de energía. Utilízalo con moderación para conseguir el máximo impacto.
Ideal para: Titulares clave, llamadas a la acción, o como color de texto de contraste sobre fondos oscuros (azules).
No lo hagas: Utilizarlo para grandes bloques de color o cuerpo de texto.
#FFCC26
Azul primario
Es el color central de nuestra marca y la parte más reconocible de nuestra identidad visual. Debe ser el color dominante en la mayoría de los diseños.
Lo mejor para: Titulares principales, texto destacado, iconos de «Solución» y momentos principales de la marca.
#2A71DB
Cuerpo del texto
Este color casi negro es nuestro color principal para todo el texto. Se utiliza para garantizar una alta legibilidad sin la dureza de un negro puro.
Lo mejor para: Todo el cuerpo del texto, los párrafos y la mayoría de los subtítulos.
#0A090B
Texto secundario
Este gris apagado crea una jerarquía visual clara. Se utiliza para información de apoyo que debe destacar menos que el texto principal.
Lo mejor para: Pequeños textos de descripción, pies de foto, titulares de «Puntos de dolor» y otra información no crítica.
#4F4D55
Lienzo
Este es nuestro color de fondo estándar. Proporciona un lienzo suave, limpio y moderno para nuestro contenido, y es preferible al blanco puro para la mayoría de las aplicaciones.
Lo mejor para: Fondos de diapositivas, fondos de páginas web y maquetación general.
Nota: El Blanco Puro (#FFFFFF ) puede utilizarse como fondo alternativo cuando los diseños requieran un mayor contraste o incluyan cuadros grises en capas.
#F9F9F9
Typography
Peso
Para crear un diseño limpio, coherente y fácil de leer, utilizamos cuatro pesos específicos de la fuente de nuestra marca. Cada peso tiene un propósito distinto.
Luz
Utiliza este peso con moderación para conseguir una sensación de ligereza y sofisticación. Es mejor reservarlo para textos grandes, de «presentación», como un eslogan importante en una diapositiva de presentación o una cita grande de un cliente.
Nota: Evita utilizar Luz para textos pequeños o párrafos largos, ya que puede resultar difícil de leer.
Regular
Este es nuestro peso principal por defecto para todo el cuerpo del texto. Está optimizado para una legibilidad máxima en párrafos, listas y la mayoría del contenido general.
Medio
Utiliza Medio para subtítulos, llamadas clave o para añadir énfasis dentro de un bloque de texto. Crea un claro nivel secundario de importancia y funciona bien para texto sobre fondos de color.
Semi Negrita
Este es nuestro peso más pesado, reservado para todos los titulares principales y declaraciones de alta prioridad. Está diseñado para captar la atención y establecer el mensaje más importante.
Dimensionado
Manteniendo las proporciones conseguirás una jerarquía importante. Utiliza esta guía de tamaños como punto de partida, pero nunca sacrifiques la legibilidad.
Fotografía
Sección
Iconos
Estilo
Mantenemos nuestros iconos uniformes utilizando un estilo sin relleno con un trazo fino.
Puedes utilizar un icono por sí mismo o contenerlo en una forma.
Biblioteca
La mayoría de nuestros iconos proceden de la biblioteca Material Symbols & Icons.
La biblioteca está disponible en Google.