La marca qdq

En qdq conectamos a los negocios con las personas y esto es algo que aplicamos en nuestra imagen de marca. En esta guía encontrarás todas las especificaciones del logotipo, valores, color, tipografía, iconografía, fotografía...


Valores

Los valores orientados a la parte más humana de la relación entre empresa y cliente son los que marcan una clara ventaja diferencial.

Icono Equipo

Equipo

Trabajamos en un entorno donde todos colaboramos de manera efectiva, aprovechamos las fortalezas individuales para alcanzar juntos metas colectivas. Promovemos la comunicación abierta, la confianza mutua y la responsabilidad compartida. Celebramos el éxito conjunto y superamos los desafíos de manera colaborativa. 

Icono compromiso

Compromiso

Nos comprometemos de forma activa y constante a cumplir con nuestras responsabilidades y fomentar relaciones positivas con nuestros colaboradores, clientes, partners y la comunidad. Operamos con integridad, promovemos una comunicación abierta y trabajamos proactivamente para fortalecer vínculos a largo plazo con todas las partes involucradas.

Icono Crecimiento

Crecimiento

Perseguimos el crecimiento profesional de las personas mediante el desarrollo de habilidades y capacidades. Fomentamos una mentalidad de crecimiento, que impulsa la curiosidad, ambición y la capacidad de aprender, cambiar y desarrollarnos como personas y como compañía.

Icono experimentación

Experimentación

Exploramos nuevas ideas, métodos y procesos para impulsar la mejora continua. Adoptamos prácticas ágiles e innovadoras en nuestro enfoque. Abrazamos el cambio, aprendemos de los resultados y también de nuestros errores y aplicamos esas lecciones para evolucionar, manteniéndonos a la vanguardia de las tendencias y oportunidades en el mercado. 

Icono acompañamiento

Acompañamiento

Ofrecemos apoyo y asesoramiento continuo a nuestros clientes y partners en cada etapa de su experiencia. Somos cercanos y estamos presentes, escuchando activamente y haciendo que el cliente esté en el centro de nuestras decisiones y así poder ofrecer soluciones inimaginables adaptadas para construir relaciones sólidas y duraderas. El éxito de nuestros clientes será nuestro éxito


Color

Color primario

Nuestro verde Lima Limón es nuestro color primario y el más representativo de nuestra marca.

Lima Limón
Pantone 374 C
R192 G252 B118
C41 M0 Y73 K0

#C1FC6E

Colores de contraste

Nuestros colores de contraste ofrecen ayuda al color principal Lima Limón y a los secundarios. Usadlos generosamente para crear contrastes oscuros y claros en los diseños y como color de texto.
El Azul Nocturno será siempre nuestro color de texto sobre Blanco o color. Lo usaremos también como color de fondo para crear contrastes en nuestros diseños junto a nuestro color primario o secundarios.

Blanco Yeso

Blanco

R248 G250 B245

C1 M0 Y2 K2

#F8FAF5

Azul Nocturno

Pantone 7547 C
R3 G24 B30
C90 M70 Y63 K80

#03181E

Blanco Yeso

Blanco

R248 G250 B245

C1 M0 Y2 K2

#F8FAF5

Azul Nocturno

Pantone 7547 C
R3 G24 B30
C90 M20 Y0 K88
#03181E

Colores secundarios

Además de los colores principales, tenemos cuatro colores secundarios para enriquecer la gama tonal de nuestros diseños. Se pueden usar en sustitución del Lima Limón o junto a otro color, tal y como se indica en las combinaciones.

Naranja Valencia
Pantone 1635 C


R255 G146 B110

C3 M60 Y61 K0

#FF906B

Lila Violeta
Pantone Violet 0631 C

R201 G159 B255

C41 M47 Y2 K0
#CEA3FF

Rosa York
Pantone 230 C
R255 G168 B223
C6 M51 Y0 K0
#FFA6DE

Amarillo Canario
Pantone 100 C
R248 G242 B114
C16 M3 Y77 K0
#F7F16D

Naranja Valencia
Pantone 1635 C


R255 G146 B110

C0 M43 Y57 K0

#FF906B

Lila Violeta
Pantone Violet 0631 C

R201 G159 B255

C21 M38 Y0 K0
#CEA3FF

Rosa York
Pantone 230 C
R255 G168 B223
C0 M34 Y13 K0
#FFA6DE

Amarillo Canario
Pantone 100 C
R248 G242 B114
C0 M2 Y54 K3
#F7F16D

Vibrantes y enérgicos, nuestros colores son un reflejo de nuestro ADN digital y tecnológico, así como nuestra personalidad positiva, resiliente y cercana.

Icono colores

Porcentajes de color

Una identidad de marca reconocible no sólo consiste en qué tono de color utilizar, sino también en cuánto debemos emplear ese color concreto en cada diseño.

Porcentajes color

Combinaciones de color

Nuestra paleta nos permite ser flexibles con las combinaciones de color. Sobre los colores de contraste se permite cualquier color mientras se respete el contraste y la legibilidad del texto. Sobre un color primario o secundario usaremos solo el Azul Nocturno.

flexibilidad color

Podemos incoporar un segundo color a nuestro diseño en una proporción 80/20. Para conseguir la mejor armonía debemos respetar estas combinaciones. Nunca debemos superponer colores sino usarlos uno al lado del otro.

un conjunto de cuadrados y círculos de colores brillantes sobre un fondo blanco


Logotipo

El diseño de nuestro logotipo ha sido cuidadosamente planeado para reflejar la esencia de nuestra marca. La tipografía equilibra accesibilidad y modernidad, y la forma simplificada asegura una fácil identificación y una legibilidad correcta a cualquier tamaño y aplicación. Nuestro logotipo está creado a partir de la tipografía Aeonik Bold y se han hecho los ajustes necesarios para asegurar su legibilidad.

Descargar logotipo

Diseño

logo qdq

Aplicación con imagen

Área de seguridad

Utilizamos la altura "x" como base para establecer el área de seguridad de nuestro logotipo. El logotipo siempre debe tener un área de seguridad mínima a su alrededor, para asegurarnos de que tiene suficiente espacio para respirar.

área de seguridad logo qdq

Tamaños

Nuestro logo puede ser usado en varios tamaños dependiendo del contexto y el medio.

  • La altura mínima para digital es 20px.
  • La altura mínima para impresión es 10mm.
Proporciones tamaños logo qdq

Uso del color

Aparte del blanco y negro, se permiten dos combinaciones de colores diferentes. En Azul sobre color o blanco y a color con un primario o secundario sobre oscuro. Nunca utilizar el logotipo de color blanco sobre colores claros.

logo qdq

Logotipo en Lima Limón y fondo Azul Nocturno

logo qdq

Logotipo en Azul Nocturno y fondo Lima Limón

logo qdq

Logotipo en Azul Nocturno y fondo Blanco Yeso

logo qdq

Logotipo en Azul Nocturno con colores secundarios

logo qdq

Logotipo en Lima Limón y fondo Azul Nocturno

logo qdq

Logotipo en Azul Nocturno y fondo Lima Limón

logo qdq

Logotipo en Azul Nocturno y fondo Blanco Yeso

logo qdq

Logotipo en Azul Nocturno con colores secundarios

Usos prohibidos

Esta terminantemente prohibido utilizar los logotipos con las siguientes combinaciones de colores y composiciones:

logo qdq

Nunca cambiar de posición los elementos

logo qdq

Nunca cambiar los colores del logotipo

logo qdq

Nunca aplicar el logotipo en color Lima Limón sobre fondos que no sean Azul Nocturno.

logo qdq

Nunca utilizar el logotipo en colores secundarios

logo qdq

Nunca cambiar de posición los elementos

logo qdq

Nunca cambiar los colores del logotipo

logo qdq

Nunca aplicar el logotipo en color Lima Limón sobre fondos que no sean Azul Nocturno.

logo qdq

Nunca utilizar el logotipo en colores secundarios

logo qdq

Nunca agregar sombras

logo qdq

Nunca alterar proporcones

logo qdq

Nunca utilizar el logotipo pixelado o con baja resolución

logo qdq

Nunca alternar colores

logo qdq

Nunca agregar sombras

logo qdq

Nunca alterar proporciones

logo qdq

Nunca utilizar el logotipo pixelado o con baja resolución

logo qdq

Nunca alternar colores

logo qdq

Nunca aplicar sobre fondos fotográficos o superficies que afecten a la legibilidad de la marca. Siempre deben ir sobre un solido Azul Nocturno con opacidad baja.

logo qdq

Nunca girar el logotipo

logo qdq

Nunca aplicar el logotipo oscuro sobre fondos oscuros que afecten su legibilidad

logo qdq

Nunca incorporar elementos que invadan el área de protección del logotipo

logo qdq

Nunca aplicar sobre fondos fotográficos o superficies que afecten a la legibilidad de la marca. Siempre deben ir sobre un solido Azul Nocturno con opacidad baja.

logo qdq

Nunca girar el logotipo

logo qdq

Nunca aplicar el logotipo oscuro sobre fondos oscuros que afecten su legibilidad

logo qdq

Nunca incorporar elementos que invadan el área de protección del logotipo

Símbolo

Nuestro logotipo contiene un símbolo que refleja el concepto de conexión que hay detrás de nuestra marca. Igual que nuestra identidad, nuestro símbolo es flexible. Cuando lo animamos se puede apreciar su transformación.

Símbolo qdq

El símbolo tiene tres estados distintos. A partir de ellos se ha generado una animación que se usa para presentaciones de marca o recursos audiovisules. En estático y en nuestro logotipo usaremos solo el primario.

Animación símbolo 1
Animación símbolo 2
Animación símbolo 3
Animación símbolo 1
Animación símbolo 2
Animación símbolo 3


Tipografía

DM Sans

La tipografía de qdq es la DM Sans. Está en el corazón de la identidad de qdq y es la base de toda la marca. Atemporal, legible y distintiva, es una tipografía muy completa que funciona tanto en cuerpos de texto como tamaños grandes. Sus formas redondas y anchura la hacen más cercana y menos fría en comparación con otras groteskas.

Descargar tipografía

Pesos

La DM Sans está disponible en diferentes pesos que permiten una amplia flexibilidad. En nuestra identidad utilizaremos principalmente la Bold (con un interletraje de -4%) para reforzar nuestro mensaje y lograr un aspecto más cercano e impactante. La Regular la usaremos para cuerpo de texto, nunca para titulares.

DM Sans Regular AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz


0123456789


AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789

DM Sans Bold
AaBbCcDdEeFfGgHhIiJjKkLlMmNnÑñOoPpQqRrSsTtUuVvWwXxYyZz


0123456789


AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789

Alineación

La tipografía de qdq siempre está alineada a la izquierda. Esto proporciona al ojo un punto de partida constante para cada línea, lo que facilita la lectura del texto.

Proporciones tamaños logo qdq

Composición de textos

Cuando se utilicen diferentes tamaños y pesos, las diferencias entre ellos deben ser claramente reconocibles. El contraste crea diseños claros, fuertes y coherentes.

Título 72pt

Subtítulo 32pt

Cuerpo de texto 20pt

Caption 14pt

Título 44pt

Subtítulo 28pt

Cuerpo de texto 24pt

Caption 14pt


Retícula

Los diseños generales, sean en formato vertical u horizontal, se deben ceñir a las siguientes reglas de composición:

  • La separación entre cajas debe ser la misma que el tamaño de los márgenes.
  • El radio de las esquinas de las cajas es el mismo que el tamaño de los márgenes.
Retícula qdq

Variaciones

Nuestra retícula es flexible y permite generar una gran variedad de composiciones. Para no crear diseños muy complejos, debemos usar hasta un máximo de tres cajas.

Variaciones retícula

Ejemplos

Ejemplo retícula 01
Ejemplo retícula 02


Iconografía

Los iconos de qdq dan apoyo al lenguaje digital de la marca. Se han seleccionado 60 iconos con los que cubrir los conceptos y temas que qdq puede tratar en sus comunicaciones. Están pensados para ser usados en tamaños grandes como elemento gráfico o soporte visual de un texto.

Descargar iconos

Grid

Las formas de las líneas clave son la base de nuestra cuadrícula. Al utilizar estas formas básicas como directrices, mantenemos un equilibrio visual coherente en todos nuestros iconos.

Grid de los iconos

Características

Siguiendo estas reglas visuales cuando incorporemos nuevos iconos a nuestra biblioteca podremos mantener un estilo consistente en la iconografía de nuestra marca.

Características de los iconos
Proporciones tamaños iconos

Colección

Los iconos se pueden utilizar en su versión en Lima Limón, Azul Nocturno y Blanco Yeso. Los descargables están en PNG y SVG.

iconos en lima limón
Iconos en azul nocturno


Fotografía

Nuestras fotos han de ser cálidas, naturales e inclusivas, con las que nuestros clientes se puedan sentir identificados y representados, creando un sentimiento de pertenencia y comunidad local. Nuestras fotografías son principalmente de emprendedores y pequeños negocios, conexiones de negocios con clientes y cultura loca y de barrio.

Descargar fotografías*

*Descarga activa solo para empleados de qdq

Factor humano en pequeños negocios

Nuestros clientes, en su entorno de trabajo, haciendo lo que mejor saben hacer.

Fotografías factor humano en pequeños negocios

Conexión entre negocios y clientes

Escenas casuales y naturales que reflejen la actividad de los negocios.

Fotografías conexión entre negocios y clientes

Cultura local y de barrio

Escenarios familiares y humildes donde negocios y clientes generan comunidad.

Fotografías cultura local y de barrio


Vídeo

Nuestros vídeos, al igual que nuestras fotos, han de transmitir calidez, naturalidad y deben ser inclusivas. Deben seguir las mismas reglas que las fotografías. Siempre llevan un filtro cálido y un degradado oscuro en la parte superior izquierda y la parte inferior derecha.

Descargar vídeos*

*Descarga activa solo para empleados de qdq

Transiciones

Deben ser dinámicas y deben combinar fundidos con barridos laterales.

Texto con vídeo

Siempre que queramos incluir texto encima de un vídeo debe ser encima de una capa con opacidad del color Azul Nocturno. Estos textos no deben ser más largos que dos frases. Podemos incluir titulos principales y subtítulos.

Ejemplo de uso del texto

referencia

Mosca

Los vídeos siempre deben ir en un marco prediseñado y descargable donde se incluye el logotipo de la empresa.

Música

La música debe ser alegre y con toques latinos, los vídeos siempre deben ir al ritmo de la música.

Share by: