Directrices de marca

About> 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.

Logo

Descarga

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

Tipo de letra

Nuestro tipo de letra es Inter.

Inter está disponible gratuitamente en Google.

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.