Nuestra marca

En Cabify buscamos hacer de las ciudades mejores lugares para vivir. Por eso, nuestra marca nace de ellas y se adapta a ellas. En esta guía encontrarás todos los elementos que la componen: logotipo, tono de voz, color, tipografía, fotografía, iconografía, arquitectura… Distintos elementos que conforman una marca que se adapta a sus distintos usuarios, entornos y soportes. Una marca inclusiva y accesible para todos.

¿Qué es Cabify?

Cabify es una plataforma de multimovilidad de personas y objetos, que ofrece múltiples alternativas seguras y de calidad al coche privado. Su principal objetivo es hacer de las ciudades un mejor lugar para vivir. A través de la tecnología, busca ser la forma más eficiente y sostenible de mover una ciudad.

Y, todo ello, siendo una empresa sostenible económica, medioambiental y socialmente. Cabify destaca por apostar por el talento y el ecosistema local, generando empleos de alto valor y declarando toda su actividad en cada país. Es la única plataforma del sector que compensa a nivel global sus emisiones y las de sus pasajeros, y cumple con un compromiso anual de reducción de su impacto.

Cabify lleva 10 años transformando la manera de moverse. Tras nacer en Madrid, la compañía se extendió, a los pocos meses, a América Latina y actualmente está presente en Argentina, Chile, Colombia, Ecuador, España, México, Perú y Uruguay.

+900

Hoy contamos con más de 900 empleados en todo el mundo, ubicados principalmente en España y Latinoamérica. Apostamos por el talento local y buscamos siempre las mejores condiciones para nuestros trabajadores.

+40

Las ciudades nos apasionan y ya estamos en más de 40 ciudades repartidas en 8 países de Europa y América Latina. En ellas ofrecemos la posibilidad de viajar a millones de pasajeros y una alternativa para miles de conductores.
Una mano sostiene un móvil con la app de Cabify

Hacia dónde nos movemos

La multimovilidad te permite elegir la forma de moverte que más te conviene en cada momento. Aquí, siempre tendrás la mejor alternativa a tu coche particular: el Cabify de siempre, taxi, coche de alquiler, moto, patinete, bici, envío de paquetes, etc.
Una mujer conduciendo una moto de CabifyListado de opciones en Cabify: coches con conductor, taxi, moto, patinete, bici, coches sin conductor, envíos y súper

Misión

Hacer de las ciudades mejores lugares para vivir

Posicionamiento de marca

En Cabify creemos en el potencial de la movilidad como motor para la generación de valor económico, social y medioambiental. Por eso, construyendo día a día un ecosistema de movilidad hacemos que las personas y los objetos se muevan, las ciudades mejoren y la vida siempre esté llena de nuevas posibilidades.

Nos comprometemos a ofrecer una experiencia de calidad superior mediante alternativas de movilidad sostenibles y eficientes, que ayuden a transformar las ciudades y te permitan avanzar, haciendo que cada día pueda ser mejor para todos.

Con Cabify, moverte por la ciudad es el comienzo de todo.

Valores de marca

Vitalidad

En Cabify somos una marca llena de vida, transmitimos energía y dinamismo en cada cosa que hacemos.

Talento

En Cabify somos profesionales y expertos, una forma de hacer las cosas muy nuestra que mejora la experiencia desde la calidad y la seguridad.

Impacto

En Cabify somos exigentes y comprometidos, buscamos generar impacto positivo, mejorando la vida de las personas y transformando las ciudades.

Inspiración

En Cabify somos creativos, inspiramos y conectamos a través de ideas, experiencias y soluciones que hacen que el día a día de las personas mejore.

Principios de Cabify

Escudo principios Cabify: Mejoramos nuestras ciudades

Mejoramos nuestras ciudades

Impactamos de manera positiva en la sociedad. La ciudad es nuestro cliente. Comprender la ciudad para mejorar la vida de sus ciudadanos. Ser honesto y considerado.
Escudo principios Cabify: Innovamos e impulsamos el cambio

Innovamos e impulsamos el cambio

Sabemos que la innovación requiere de una evolución constante. El crecimiento requiere cambios para generar nuevas oportunidades. Ser el cambio que necesitamos para escalar aún más.
Escudo principios Cabify: Confiamos, comunicamos y desarrollamos

Confiamos, comunicamos y desarrollamos

Compartimos conocimientos, aprendemos de los demás y los escuchamos. Rodearse de aquellos que tienen el potencial de ser mejores que tú y confiar en ellos. Invertir en el crecimiento profesional de los demás. Comunicar para potenciar. Ser transparente. Exigir lo mismo a los demás.
Escudo principios Cabify: Actuamos como co-propietarios

Actuamos como co-propietarios

Estamos orgullosos de lo que hemos creado y buscamos siempre la excelencia. Trabajar duro. Tener iniciativa y actuar, cooperando para arreglar lo que está mal. Tener una actitud servicial. Hacer más con menos, mantener la cultura de arranque de una start-up. Pensar a largo plazo.
Escudo principios Cabify: Analizamos y simplificamos

Analizamos y simplificamos

Nos basamos en datos y testamos hipótesis a la hora de solucionar problemas. Buscar resolver los problemas en la fuente, no en los síntomas. Hipotetizar. Probar. Depreciar lo obsoleto, mantenerlo simple y escalable para generar valor.
Escudo principios Cabify: Contribuimos y nos comprometemos

Contribuimos y nos comprometemos

Somos ágiles en la toma de decisiones y cuando las tomamos vamos todos a una. Compartir los datos para tomar la mejor decisión. Una vez que se toma una decisión, comprender el por qué para que podamos remar en la misma dirección como equipo.
Escudo principios Cabify: Somos humildes

Somos humildes

Ser constructivo ante la adversidad y especialmente ante los errores. Compartir los errores para que todos aprendamos de ellos. Asegurarse de que las personas a su alrededor disfruten los lunes. Siempre hay una persona al otro lado de la línea, agradecérselo. Promover la diversidad apreciando diferentes puntos de vista.
Escudo principios Cabify: Producimos impacto

Producimos impacto

Buscamos que nuestras acciones tengan un valor añadido. Medirse a uno mismo y a los demás por los resultados, no por las horas. Bien hecho es mejor que perfecto. Producir un trabajo impactante y de calidad y / o mostrar una trayectoria de mejora. Mover la aguja. Tener el foco en los resultados y buscarlos activamente.

Logotipo

Nuestro logotipo es el elemento de marca más distintivo. Ocupa siempre un lugar destacado en nuestros productos, campañas y comunicaciones para dar confianza y seguridad.
Descargar logotipo

Inspirado en el trayecto

Diseñamos el logotipo pensando cómo conectar nuestro producto con la marca. En todas nuestras apps representamos el movimento de personas y objetos con el trayecto y es un elemento común en todos los servicios que ofrecemos.

La construcción del logo parte de esta idea de trayectos que suceden a la vez en la ciudad, por eso todas sus formas tienen un principio y un fin. Su simplicidad pretende que la marca sea auténtica, reconocible y memorable.
Detalle de la app de Cabify donde se marca un trayecto de casa al trabajo
Composición del logo de Cabify partiendo de un trayecto

Construcción del logotipo

El logo está diseñando partiendo de formas puras y, detrás de su geometría, se esconden ajustes ópticos para que sea legible a cualquier tamaño así como en todas sus aplicaciones, ya sean digitales como impresas.
Logo de Cabify
Cuadricula con los márgenes en el logo

Margen de seguridad

El margen de seguridad es como mínimo la mitad (1/2x) del alto del logotipo (1x).
Cuadrícula con la marca Cabify

Tamaño mínimo

El tamaño mínimo recomendado es 72x24 píxeles.

Avatar

El avatar representa nuestra marca en nuestras apps y redes sociales.
Avatar de Cabify (fondo morado con letras en blanco)
Avatar de Cabify (fondo morado con letras en blanco)

Redes sociales

Usamos el mismo avatar en todas las redes sociales, adaptandolo proporcionalmente al tamaño requerido.
Avatar de Cabify (fondo morado con letras en blanco)

Icono de la app

El icono de la app de pasajeros utiliza la misma proporción visual que el avatar y se adapta a cada plataforma.

Color

El color es uno de los elementos más importantes de la marca. Nuestra paleta de color nos permite refozar el reconocimiento, además de concedernos coherencia y vitalidad.

A través de los colores queremos ser más inclusivos y comprometidos, revisando que cumplan unos estándares de accesibilidad para personas con discapacidad visual.

Principios de color

Estos son los seis principios de color de nuestra marca.

Intencionalidad

Hemos asignado una función específica a cada estilo de color que dota de significado a toda la experiencia de marca. Estas funciones aportan coherencia y hacen que nuestro lenguaje sea fácil de entender.

Amabilidad

El color apoya el contenido haciendo más clara la comunicación, definiendo la jerarquía de la información o destacando las diferencias entre los elementos. Evitamos un uso excesivo del color que pueda distraer a la gente y anular este propósito.

Inclusión

Diseñamos para personas con diferentes capacidades visuales. El contraste define la facilidad con la que una persona distingue cada elemento y está muy influenciado por el color: un mayor contraste significa mayor visibilidad y legibilidad.

Diversidad

Incluimos la diversidad en nuestra paleta de colores creando hasta ocho tonos de piel diferentes para representar a personas más diversas en nuestras ilustraciones.

Color primario

El Moradul es nuestro color principal y representa una parte esencial de nuestra personalidad de marca. Tiene siempre un papel protagonista en todos nuestros diseños, tanto en producto como en marketing.
Código color Moradul: HEX #7145D6

Colores secundarios

Se utilizan como complemento o acento, para diferenciar y llamar la atención sobre determinados elementos, o como decoración, sobre todo en las comunicaciones de marketing.
Paleta de colores secundarios de Cabify

Proporción de uso

Para una correcta proporción cromática, el color primario es el que debe tener mayor peso y presencia en el conjunto de nuestras creatividades, destacando el moradul sobre el blanco (N0).
Los colores secundarios se utilizan como acento en iconos, tipografía, botones, etc. También usamos los colores secundarios para utilizar como fondo en tonalidades más claras (Tonalidad 100).
Es importante respetar la proporción de uso de los colores secundarios respecto al moradul y al blanco.
Proporción de colores: 50% morado, 40% blanco, 10% colores secundarios

Combinaciones de color

Estas son las combinaciones de color que recomendamos utilizar.
Background P100; Text P800 o M600; Icon P500 o P800Background B100; Text B800 o M600; Icon B500 o B800Background Y100, Text Y800 o M600, Icon Y500 o Y800Background O100, Text O800 o M600, Icon O500 o O800Background M100, Text M800 o M600, Icon M600 o M800Background G100, Text G800 o M600, Icon G500 o G800Background LB100, Text LB800 o LB600, Icon LB500 o LB800Background R100, Text R800 o M600, Icon R500 o R800Background M600, Text N0, Icon 500Background N0, Text M600, Icon 500Background M800, Text N0, Icon 500

Matriz de color

Nuestra matriz de color es mucho más amplia que el color primario y los secundarios. Muchos de estos colores solo están disponibles para ilustraciones, donde necesitamos mayor variedad y riqueza de tonos.

Moradul

Paleta de colores en morado

Neutral

Paleta de colores en tonos neutros

Neutral Tinted

Paleta de colores en tonos neutros tintados

Pink

Paleta de colores en tonos rosados

Red

Paleta de colores en tonos rojos

Orange

Paleta de colores en tonos naranjas

Yellow

Paleta de colores en tonos amarillos

Green

Paleta de colores en tonos verdes

Light Blue

Paleta de colores en tonos azules claros

Blue

Paleta de colores en tonos azules

Do’s y Don’ts

Don't

No utilices un color que no sea en la tonalidad 100 como fondo.

Do

Un color de nuestra paleta en tonalidad 100 como fondo.

Don't

No uses los colores 800 para fondos, sino para detalles o tipografías.

Do

Utiliza el Moradul (M600) como fondo y el 800 para el botón.

Don't

No utilices colores de tonalidades distintas para el fondo y la tipografía.

Do

Usa un color de fondo en un tono 100 y su correspondiente en 800 para la tipografía y demás elementos.

Don't

Evita usar colores de la misma gama en fondos y tipografías. No utilices un color que no sea en la tonalidad 100 como fondo.

Do

Emplea una tipografía legible y una buena proporción de colores secundarios para que contraste y sea accesible. Utiliza en blanco como fondo.

Don't

Intenta no mezclar demasiados colores en una sola pieza.

Do

Utiliza en blanco como fondo.

Don't

No utilices la paleta en 800 u otra tonalidad para los iconos y detalles cuando el fondo es N0, M600 o M800.

Do

Utiliza la paleta en su tonalidad 500 para iconos y detalles cuando el fondo es N0, M600 o M800.

Composición

La ciudad es nuestra inspiración y, por eso, está presente en todas y cada una de nuestras piezas. Hemos diseñado diferentes variantes para poder adaptarnos a todos los escenarios, partiendo siempre de una unidad base.

La ciudad, nuestra inspiración

En Cabify nos movemos por más de 40 ciudades de todo el mundo. Sus calles forman parte de nuestro día a día, por lo que, para crear el sistema visual, nos hemos basado en una unidad fundamental: sus manzanas. Sus distintos tamaños y formas nos han inspirado para crear nuestra composición.
Plano aéreo de una ciudad donde se marca una manzanaDistintas formas que simbolizan manzanas de la ciudad

Principios de composición

Siendo una marca multinacional, presente en 8 países, necesitamos un sistema visual que funcione y sea consistente en cada uno de ellos y que cumpla los siguientes principios:

Dinámico

Nuestro sistema visual es como nosotros: vital y dinámico. Vamos evolucionando con las ciudades y sus gentes y también cambiamos a medida que lo hacen las plataformas, medios y soportes. Cuanto más dinámico sea el sistema, más tardará en quedar obsoleto.

Consistente

Al operar en muchas ciudades necesitamos ser consistentes y que la marca no se diluya. Porque sabemos que, solo así, seremos reconocibles a nivel global.

Escalable

Nuestro diseño tiene que ser capaz de estar presente desde en un pequeño banner en un soporte digital a una gran valla publicitaria en el centro de la ciudad y no dejar de funcionar por ello. En pequeños y grandes formatos buscamos ser claros, accesibles, entendibles y crear un impacto, sin perder un apice de fuerza al varias el formato.

Flexible

El mundo está en constante evolución y no podemos quedarnos atrás. El sistema de diseño tiene que saber adaptarse y evolucionar junto con él. Para ellos debe de ser flexible y, a pesar de su consistencia, permitir ciertas licencias que hagan óptimo este crecimiento.

Tipos de layout

Un ejemplo de composición con texto e imagenUn ejemplo de composición con texto Un ejemplo de composición con imagenUn ejemplo de composición con texto e imagenUn ejemplo de composición con texto e imagenUn ejemplo de composición con texto e imagen

Estructura

Estructura basada en Header, Content y Footer
Ejemplo de composición aplicando la estructura

Pieza dividida en 3 partes

El header siempre estará en la parte superior, el contenido en el centro y el footer en la parte inferior. No podremos alterar el orden de estas partes.

Grid

Todas las piezas usarán uno de estos dos tipos de grid, que nos ayudará a componer y posicionar los elementos de forma unificada y consistente.
Ejemplo de grid

4 columnas

Usaremos un grid de 4 columnas para publicidad exterior vertical o piezas pequeñas como banners y social media.
Ejemplo de grid

8 columnas

Usaremos un grid de 8 columnas para publicidad exterior horizontal o presentaciones.
Ejemplo de grid

16 columnas

Usaremos un grid de 16 columnas para piezas de publicidad exterior muy panorámica o piezas pequeñas como banners que tengan un tamaño más apaisado.

Construcción

Ejemplo de márgenes en composición

Elegimos la unidad base (x) ; será nuestro margen exterior

A partir del formato elegido escogemos una unidad base (x) . Usaremos esta para construir toda la pieza; es la que nos va a marcar desde el inicio el margen exterior. Recomendamos usar base 8 para piezas digitales.
Ejemplo de márgenes en composición

Definimos el margen interior

Para obtener el margen interior multiplicaremos nuestra Unidad Base (x) * 1.5.
Ejemplo de márgenes en composición

Definimos grid

Escogemos el grid que usaremos en la pieza. En este caso usaremos uno de 8 columnas, pero es aplicable al resto. Para definir el gutter entre columnas multiplicaremos X * 1.5. O, lo que es lo mismo, usaremos el tamaño del margen interior.
Ejemplo de márgenes en composición

Construcción del header

El header siempre estará en la parte superior de la pieza y el alto será el mismo que el margen interior o el gutter entre columnas.
Ejemplo de composición del header con logoEjemplo de composición del header con logo y claim

Relación Logotipo / Claim

El alto del logotipo lo obtendremos multiplicando la Unidad Base (x) *1.5. Y el alto del claim será justo la mitad del logotipo, sin contar las ascendentes y las descendentes. El logotipo siempre irá a la izquierda y el claim a la derecha, siendo este opcional en la composición.
Ejemplo de composición

Construcción del footer

El footer es opcional: puede ir o no según lo que busquemos comunicar. Siempre estará en la parte inferior de la pieza y el alto que debe ocupar lo obtendremos multiplicando la Unidad base (x) * 2.5.
Ejemplo de composición del footerEjemplo de composición del footerEjemplo de composición del footer

Elementos del footer

Dividimos entre tres el alto obtenido de multiplicar la Unidad base (x) * 2.5. De esta forma tendremos partes iguales. En la parte central incluiremos el logotipo de ‘Somos neutros en carbono’ y los logos de las app stores o las opciones de multimovilidad (siempre en el peso Book de la Cabify Circular).
Ejemplo de composición con todos los elementos citados anteriormente

Tamaño de texto - Standard

El texto debe ir acorde al formato de la pieza y a la unidad elegida. Por norma general usaremos la Unidad base (x) * 1.5 para obtener el tamaño del texto. Siempre lo usaremos a retícula y con alineación izquierda. En piezas horizontales por norma general el texto irá centrado en el eje vertical en relación a la pieza completa.
Ejemplo de composición con todos los elementos citados anteriormente

Tamaño de texto - Big

Para piezas en las que necesitemos destacar más el mensaje y el copy sea más reducido podemos usar el tamaño de texto Big, pero siempre debe ir acorde a la unidad que hemos elegido. Para ello multiplicaremos el tamaño del texto standar * 2. Solo podremos usar alineación centrada cuando usemos el tamaño de texto Big.
Ejemplo de composición con todos los elementos citados anteriormente

Manzana y border radius

La manzana (ciudad) siempre irá a retícula. Tenemos varias opciones para usarla: onteniendo una imagen o un texto. Cuando la usamos como imagen siempre cogeremos al menos uno de los dos márgenes interiores para posicionarla. Para obtener el border radius dividimos la Unidad Base (x) / 2.
Ejemplo de composición con todos los elementos aplicados

Pieza final

Ejemplo de composición con todos los elementos aplicados

Texto dentro de manzana vertical

Las reglas de construcción de este tipo de piezas son las mismas, pero tendremos que tener en cuenta que el texto dentro de la manzana tendrá un área de respeto a padding. Este será siempre la Unidad Base (x) * 1.5.
Ejemplo de composición con todos los elementos aplicados

Pieza final

Ejemplo de composición con todos los elementos aplicados

Pieza con dos manzanas

Las reglas de construcción de este tipo de piezas son las mismas pero tendremos que tener en cuenta que el texto dentro de la manzana tendrá un área de respeto a padding. Este será siempre la Unidad Base (x) * 1.5.
Ejemplo de composición con todos los elementos aplicados

Pieza final

Ejemplos de composición

Anuncio en la calle que dice "Muévete a tu propio ritmo. Disfruta la ciudad y ve seguro con Cabify" junto a una ilustración de música
Anuncio que dice: "Ir al gym te sienta fenomenal. Y compensar el CO2 de tus viajes aún más" junto a una imagen de una mujer en ropa deportivaUn anuncio que dice "You’ve got the power! Gestiona el transporte de tu empresa de manera fácil." junto a la imagen de una mujerUn anuncio con la imagen de una mujer contenta y el texto "Movamos la ciudad"Una composición con dos móviles con la app de CabifyUn anuncio con el texto "Nuevos barrios, nuevas stories. ya estamos en Puente Alto, ¿te vemos? y la foto de fondo de un chico comiendo comida en la calleUn anuncio con una foto de una chica en bici y el texto "Hasta nueva emisiones de CO2. Múevete en moto, bici o patinete.

Composiciones no permitidas

Don't

Aunque respetes el grid no pises la imagen.

Don't

El logotipo siempre debe ir a la izquierda, no lo cambies de lado.

Don't

El header siempre va arriba, no lo cambies de posición.

Don't

No intercales elementos entre el header y el footer. Cada elemento está diseñado para una zona concreta.

Don't

Redondea todas las esquinas con el mismo border radius.

Don't

Sigue el grid y las normas de composición y no uses formas no permitidas.

Tipografía

Tenemos una tipografía corporativa creada por y para nosotros: Cabify Circular. Es la que usamos para todas nuestras comunicaciones, salvo en los casos que por cuestiones técnicas no se pueda utilizar.
Descargar tipografía
Para empleados y colaboradores.

Cabify Circular

Es nuestra tipografía distintiva y nos da personalidad. La utilizamos en sus pesos Bold y Book.

Cabify Circular es nuestra tipografía corporativa

Aa
Cabify Circular Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Aa
Cabify Circular Book
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)

Do’s y don’ts

Don't
Ejemplo de texto mezclando color
No mezcles más de un color en la tipografía de una misma creatividad.
Don't
Ejemplo de texto con el kerninck y tracking ajustado
No ajustes el kerning ni el tracking.
Don't
Ejemplo de texto con distinta jerarquía y mismo peso
No asignes el mismo peso a diferentes niveles de jerarquía.
Do
Usa ambos pesos para ayudar a la legibilidad y entendimiento del mensaje.
Don't
Ejemplo de texto donde el botón tienen la misma jerarquía que el título
No utilices la misma jerarquía para el botón que para el resto de la creatividad.
Do
Jerarquiza la información.
Don't
Ejemplo de texto todo en mayúsculas
No escribas todo en mayúsculas.
Don't
Ejemplo de texto alineado a la derecha
No justifiques los elementos a la derecha ni compongas textos sin alinear.

Iconografía

Nuestros iconos son exclusivos del sistema de diseño Cabify. Son coherentes con el resto de la expresión visual de la marca. Y sirven para identificar y comunicar, no para ilustrar. La colección está en constante evolución, cuenta con más de 300 iconos y vamos añadiendo nuevos cada día.
Descargar iconografía
Para empleados y colaboradores.

Principios de iconografía

Estos son los cuatro principios para construir los iconos.

Simples

Los iconos forman parte de nuestras interfaces y comunicaciones, y muchas veces se muestran de forma repetida. Por eso representarlos de forma simple nos ayuda a reducir la carga cognitiva.

Consistentes

Seguimos unas reglas estrictas en su construcción geométrica para dar coherencia y armonía a toda la colección. Los iconos suelen acompañar a otros iconos y todos comparten estilo.

Escalables

Diseñamos cada icono de forma individual pero dejándoles un espacio para que todos ellos puedan escalar, soportando variaciones que ayuden a comunicar acciones complementarias.

Universales

Reflejar conceptos complejos de forma sencilla es todo un arte. Tratamos de representarlos de manera universal, es decir, que sean interpretados igual por todas las culturas.

Taxonomía / Tipos

Ejemplos de iconos con distintas categorías: acciones, pagos, mapa, localización...

Construcción

Todos los iconos se han diseñado a un tamaño de 16x16 píxeles y se ajustan a un cuadro de este tamaño, dejando 1 píxel de seguridad por cada lado.

El tamaño mínimo es de 16x16 píxeles y se escala siguiendo una base de 8 píxeles siempre que sea posible. El tamaño máximo que recomendamos es de 64x64 píxeles para medios digitales.
Ejemplos de iconos de 16, 24, 32, 40, 48, 56 y 64 píxeles
Grid de composición de un icono

Grid

El grid sobre el que se construye nuestra colección de iconos es de 16x16 px.
Margenes de 1 px de un icono

Margen de seguridad

Todos los iconos tienen un margen de seguridad de 1 px que solo utilizamos para formas que sobresalen.
Ejemplo de un icono con grosor 2px

Grosor

El grosor del trazo siempre es de 2px. Algunos iconos por su complejidad utilizan excepcionalmente un grosor de 1.5px.
Icono con acabado redondeado

Formas redondeadas

Utilizamos un acabado redondeado para todas los vértices.

Contenedor

El icono puede ir dentro de un círculo o en una caja contenedora (basada en la manzana del sistema de composición). En ambos casos deben estar centrados ópticamente. Usamos la base 8 para definir el tamaño del icono y el margen.

Cuando estemos hablando de entidades (físicas o abstractas), como pueden ser una persona o una dirección, utilizaremos el círculo para diferenciarlos del resto de elementos y que destaquen sobre ellos.
Grid de un contenedor en formato manzana

Manzana

Relación de tamaño de icono y margen en el caso de que el contenedor sea la manzana.
Grid de un contenedor circular

Círculo

Relación de tamaño de icono y margen en el caso de que el contenedor sea un círculo.
Ejemplo de icono sin contenedor
Icono
Ejemplo de icono con contenedor manzana
Icono en contenedor manzana
Ejemplo con contenedor circular
Icono en contenedor círculo

Ilustración

La ilustración es uno de los elementos principales en la identidad de marca de Cabify. Contamos con un sistema flexible, versátil y amigable que nos ayuda a comunicar mejor nuestros valores.
Descargar ilustraciones
Para empleados y colaboradores.

Principios de ilustración

Hipergeométrico

Al igual que Arquímides, tomamos un círculo y su eje y creamos nuestro mundo. Nuestro sistema está construido en base al círculo y sus secciones junto con líneas rectas en ángulos de 0º, 45º o 90º. Con ello representamos cualquier cosa (aunque tengamos algunas excepciones no hay excusas: todo lo puedes dibujar a base de círculos y ejes).

Humanista

Con una sola estructura, formada por un óvalo y un semicírculo, representamos a cualquier humano. Todos los personajes comparten la misma base. Verás que no tienen ojos en su rostro, pero siempre que los dibujamos de frente no olvidamos colocarles su nariz o una sonrisa bien grande. Los personalizamos a través de la ropa, accesorios y peinados.

Escalable

Desde un puñado de píxeles ¡hasta el infinito y más allá! Nuestras ilustraciones se adaptan a cualquier tamaño y soporte sin perder su esencia y lo conseguimos mediante un sistema de tallas.

Consistente

Cada elemento debe respirar la esencia del estilo, desde un vehículo, hasta un emoji o una ilustración a pantalla completa. Esto lo conseguimos siguiendo siempre las pautas.

Diversidad verdadera

Millones de personas de diferentes capacidades, etnias, edades, culturas... usan Cabify a diario. La diversidad es algo natural en nosotros. La ilustración no podía ser menos. La variedad de la paleta de color nos ayuda a ello.

Dinámicas y vibrantes

Cabify es movimiento, por lo que las ilustraciones también deben transmitir dinamismo. Con gradientes, colores vivos y composiciones vibrantes conseguimos el dinamismo de las piezas.

Tipos de ilustración

Hemos construido nuestro universo de ilustraciones buscando un sistema de tallas real que nos permita que sea totalmente rico y versátil. Nuestros elementos y composiciones se adaptan a los diferentes soportes, ya sea una pantalla en nuestra app o una lona publicitaria que cubre un edificio.
Te contamos los diferentes tipos de ilustración de menor a mayor tamaño:
Un icono de una galleta
Pictogramas
Un icono de un conductor
Personajes
Un icono de un coche
Vehículos
Una composición de iconos de una persona hablando
Ilustraciones como lienzo - Wide
Una composición de una ciudad con ilustraciones
Piezas de gran tamaño

Ratio

Para construir nuestras ilustraciones contamos con dos tipos de ratio que nos funcionan como base.
Ejemplo de lienzo de 1:1

Square 1:1

Tenemos una colección en constante crecimiento de ilustraciones que parten de un lienzo cuadrado.
Estos pictogramas tienen un tamaño máximo de 64 x 64 píxeles.
Ejemplo lienzo 9:5

Wide 9:5

Son las piezas que utilizamos para ilustrar los empty-states dentro de la app. Están construidas sobre un lienzo de 288 x 160 píxeles.

Construcción

Partiendo de un círculo y una recta empezamos a construir nuestro estilo.
Círculo y cuadrado

Formas

En la construcción utilizaremos formas geométricas básicas, como el círculo, el cuadrado y el triángulo.
Círculo con su eje

Círculo

Partiremos de un círculo y su eje. Todo el sistema está construido en base a ellos.
Círculo con ángulos de 45 y 90 grados

Ángulos

Utilizaremos ángulos de 0º, 45º y 90º.
Composición a partir de círculos

Curvas

Los círculos pueden ser diseccionado y combinados entre sí, ampliando así la variedad de formas al añadir las curvas.
Composición de un personaje a partir de círculos

Ejemplo construcción personaje

Partiendo de un óvalo y un semicírculo conseguimos la base de nuestros personajes, al que –sumandole otras formas de nuestra base de construcción– le damos personalidad.

Uso del color

Partiendo de un óvalo y un semicírculo conseguimos la base de nuestros personajes, al que –sumandole otras formas de nuestra base de construcción– le damos personalidad.
Ilustración del personaje anterior con el color ya aplicado

Ejemplo de aplicación del color en personaje

A nuestro personaje construido arriba le aplicamos color. Y, utilizando nuestra paleta y su tonalidad espécifica para pieles, buscamos naturalidad y cumplir el principio de diversidad: representar a todos nuestros tipos de usuarios.
Ilustración que representa la ubicación de Casa

Degradados

Los degradados nos ayudan a conseguir profundidad, además de representar de forma fidedigna la realidad.
Ilustración de un globo terráqueo y un corazón

Partículas

Uno de los elementos característicos de nuestro sistema son las partículas. Las usamos en ilustraciones de todos los tamaños. Nos ayudan a humanizar las piezas y a darle dinamismo.
Siempre son rombos que ilustramos girando 45º un cuadrado perfecto. Salvo excepciones, siempre irán en el mismo tamaño entre sí y, según el contexto, tendrán varios colores o serán todos del mismo.
Cuadrado girado 45 grados
Ilustración de un personaje con partículas alrededor

Vehículos

Todo estilo tiene sus excepciones, el nuestro no iba a ser menos. Para construir nuestra flota rompemos algunas de las reglas para dotar a cada vehículo de su propia personalidad.
Todos nuestros vehículos están construidos sobre la misma plataforma; la distancia entre los ejes, el tamaño de las ruedas o la longitud total es estándar para toda la familia.
La categoría de vehículos es cerrada y no se puede editar o crear nuevos.
Ilustraciones de coches, patinete, moto, taxi, bici y vanIlustraciones de distintos tipos de coches

Personajes

Nuestro sistema de tallas es totalmente versátil. Y para representar a nuestros personajes no iba a ser menos. Estos se representan como elementos únicos, pero sin ceñirnos a una jerarquía limitante: podemos encontrar un personaje talla S en una ilustración mediana o un personaje talla L en una ilustración de 64x64 px.
Ejemplos de personajes en distintas tallas (S, M, L)

Tallas

Los personajes talla S son la mínima expresión de una persona contemplada en nuestro sistema. Un círculo para la cabeza y dos biseles enfrentados de remate circular en la parte superior para el cuerpo.
En la talla M tenemos a un personaje articulado en vista de 3/4, de nuevo con la cabeza circular pero añadiéndole diferentes tipos de pelo.
En la talla L tenemos un personaje en primer plano, donde se aprecian detalles del rostro, algún accesorio y diferentes peinados.
Distintos personajes, cada uno características y rasgos diferentes

Emociones

Nuestros personajes no tienen ojos pero a través de la sonrisa, la nariz y complementos (gafas, gorros, pelo, barba, turbantes, hiyab, pañoletas...) les damos personalidad, haciendo uso de nuestro principio de ilustración humanista.

Cuando los representamos de frente pueden llevar o nariz o sonrisa. No utilizamos los dos elementos a la vez. A través de la boca podemos conseguir representar diferentes estados de ánimo aunque buscamos, salvo excepciones, reflejar la alegría y la vitalidad.

A medida que crece el tamaño de la composición podemos aumentar el nivel de detalle.

Gran tamaño

Las escenas de gran envergadura se construyen con una superposición de planos con los elementos en dos dimensiones. Con ello conseguimos profundidad e inmersividad. Así, por ejemplo, nuestros vehículos parecen estar siempre en constante movimiento.
Ilustración de una ciudad y distintas opciones de transporte: patinete, bici, coche

Ejemplos

Aquí puedes encontrar varios ejemplos de aplicación de la ilustración a difrerentes soportes.
Una libreta con una ilustración de un lápiz y un texto que dice "Estas ideas van a llegar muy lejos"Un roll up con la ilustración de una ciudad y el logo de CabifyUn ordenador con una ilustración de Cabify como fondo de pantallaUn ejemplo de mail, con una ilustración en la cabecera

Do & don’ts

Don't
Ilustración con transiciones de color exageradas

Si se usan sin un criterio o exágerándolas en demasía, las transiciones de color pueden llevarnos a un acabado artificial y agresivo, muy alejado del tono de nuestras ilustraciones.

Do
Ilustración con transiciones de color tenues

Los degradados son parte de todo lo que nos rodea, es algo natural y propio de la luz y su manera de iluminar objetos. Los usamos con suavidad para ganar volumen y profundidad.

Don't
Ilustración con partículas redondeadas

Las partículas son una parte clave de nuestro sistema de ilustración. Nunca alteres su forma ni las uses a diferentes tamaños.

Do
Ilustración con partículas correctas (cuadradas a 45 grados)

Siempre son rombos que contruimos girando 45º un cuadrado perfecto. Siempre irán todas en el mismo tamaño y, según el contexto, podrán tener diferentes colores o tendrán todas el mismo.

Don't
Ilustración de patinete en vista lateral

Nuestros vehículos nunca se mostrarán en vista lateral.

Do
Ilustración de patinete en vista 3/4

La vista de 3/4 es la única contemplada para mostrar nuestros vehículos en el selector.

Fotografía

Nuestro estilo fotográfico representa los valores y la personalidad de marca de Cabify y buscamos plasmar la naturalidad, la vitalidad y la diversidad.

En nuestras comunicacciones conviven dos tipos de fotografía: el estilo de vida, que refleja el día a día de nuestros usuarios; y el posado, que puede ser tanto en espacios de la ciudad como en fondos de color.

Principios de fotografía

Estos son los seis principios de fotografía de nuestra marca.

No hay filtros, hay luz natural

Nuestros tonos son cálidos, luminosos y naturales. Nunca usamos saturaciones, filtros o luz artificial. Evitamos las fotos quemadas por el sol, destellos de luz fuertes o las fotos en blanco y negro que no transmiten la vitalidad que buscamos.

No hay escenas vacías, hay momentos emocionales

Evitamos las imágenes que no digan nada, buscando siempre escenas alberguen momentos interesantes. Si no, podemos recurrir a otros recursos, como la ilustración.

No hay melancolía, hay vitalidad

Queremos imágenes alegres, que transmitan optimismo y fuerza. Enfocamos los mensajes desde lo positivo.

No hay exageración, hay espontaneidad

Mostramos momentos espontáneos. Utilizamos los posados, pero cuidando siempre que no sean forzados o demasiado exagerados. Nos gusta una actitud relajada y un aspecto natural.

No hay modelos, hay personas

Nuestros protagonistas son personas comunes, no modelos. Queremos que los usuarios se identifiquen fácilmente con nuestras historias, así que mostraremos diferentes edades, razas, capacidades, estilos y complexiones. Somos inclusivos.

No hay planos aburridos, hay enfoques originales

Buscamos siempre una perspectiva diferente. Podemos aportar mucho más impacto a la pieza si usamos planos originales. Con diferentes enfoques, produndidades o ángulos.

Estilo de vida

Nuestros usuarios, como nosotros, son enérgicos y vitales. Pasajeros, conductores y empresas se mueven e interactúan con la ciudad. Por eso las imágenes de estilo de vida son perfectas para representarlos.
Dos chicos comiendo en la calleDos señores en una ruta de senderismoUn padre levantando a su hija en brazosUna chica sonríe en una cocina.y señala algo

Posado

En este estilo las fotografías son en primer plano, convirtiendo al usuario en el protagonista, remarcando la idea de que Cabify es para todo el mundo. Los planos deben ser amplios para dejar lugar a añadir más elementos a la composición, como la tipografía, el logotipo o un botón. Podemos utilizar fondos monocolor o fondos naturales de la ciudad.

No hay modelos, hay personas

Un chico con gafas y rastasDos personas que se abrazan y besaUn niño que se ríe Una chica con marcas en su caraUn chico con los brazos cruzados

Don’ts

Don't
Cuatro personas apoyados en una pared y arriba iconos varios

No recurrimos a los fotomontajes. Suelen ser poco serios y transmiten lejanía. Evita las escenas futuristas, irreales o de ciencia ficción.

Don't
Una mujer que se maquilla en un coche

Cuida lo que transmiten tus imágenes. Somos una marca actual e inclusiva. Intenta reflejar a toda la sociedad y no perpetuar estereotipos.

Don't
Un grupo de personas brindando con alcohol

Evitamos recurrir a escenas donde los jóvenes consumen alcohol o aparecen botellas y copas; conectamos con ellos con otros planes y actividades.

Don't
Un conductor mostrando su móvil por la ventanilla

No te encasilles. Aunque seamos una app de movilidad no tenemos que mostrar constantemente coches, conductores, pasajeros o móviles.

Motion

A través del motion representamos con imágenes y formas nuestra idea de marca en continuo movimiento. Este movimiento se inspira en nuestra app, huyendo de los ornamentos y de las ediciones rápidas. Buscamos la simplicidad, la claridad visual y que sea universal.
Descargar recursos
Para empleados y colaboradores.

Principios de animación

Animación de un cuadrado ilustrando el principio Morph

Morph

Hacemos que las formas cambien y se adapten a los diferentes soportes, al igual que hacen las ciudades.
Animación de un cuadrado ilustrando el principio Mobile

Mobile

Somos una app y estamos orgullosos de ello, por eso jugamos con la escala y la opacidad evocando al diseño de interfaces.
Animación de un cuadrado ilustrando el principio Smoth

Smooooooth

Controlamos la aceleración y desaceleración de cada animación. Utilizamos 60 fotogramas por segundo, lo que nos da mayor fluidez.

Elementos

Un cuadrado que se agrande y empequeñece
Formas
Son uno de los principales recursos. Las utilizamos para animar elementos que van a full width y que pasan a ser un layout o crean transiciones.
Editamos las formas en After Effects dentro de las propias formas. No modificamos los parámetros de la forma para evitar deformaciones.
Flechas que se desplazan hacia arriba, hacia abajo y hacia ambos lados
Movimiento
Sólo usamos movimientos horizontales o verticales que, unidos a la escala, darán la sensación de generar una curva y profundidad.
La rotación solo la utilizamos en la animación de ilustraciones, no para animar textos o layout. Nunca usamos desenfoques de movimiento.
Flechas que se desplazan hacia la esquina superior e inferior
Escala
Utilizamos escalas que van al centro de la escena o del objeto. Siempre la acompañamos de una modificación en la opacidad.
Cuando escalamos formas no deformamos las curvas, sino que escalamos el interior de la forma.
Cuadrado que cambia de opacidad de 100% a 0% progresivamente
Opacidad
La opacidad es un recurso que utilizamos siempre acompañado de la escala. Nunca animamos los elementos usando la opacidad únicamente.
Para animar con opacidad, partimos desde el 0% al 100%, sin curva de aceleración.
Flechas que se desplazan de izquierda a derecha
Velocidad
La curva de aceleración de un punto A hasta un punto B es siempre igual en la entrada y salida, con una desaceleración y aceleración del 80%.
En animaciones con un solo punto, creamos una animación del 60% en ease. Animamos a 60fps como mínimo.
Cuadrado que desplaza de izquierda a derecha desapareciendo y apareciendo nuevamente
Timing
Las transiciones han de superponerse entre sí. No podemos hacer animaciones bruscas, por lo que tendremos que cuidar el timing en base al número de elementos que aparezcan, sincronizándolos entre ellos y creando un ritmo de animación suave pero constante.

Motion grid

Seguiremos las mismas pautas de composición que para las piezas estáticas. El grid variará según el tamaño de la pieza.

El tamaño más recurrente es de 16:9 y utilizamos un grid de 8 columnas. Sin embargo, en los formatos 1:1 y 9:16 usamos uno de 4 columnas.
Ejemplo de grid

16:9

Usaremos un grid de 8 columnas cuyo gutter será igual al margen interior de la pieza.
Ejemplo de grid

1:1 y 9:16

Usaremos un grid de 4 columnas para estos formatos más comúnes en social media.

Tipografía animada

Animamos los textos escalando desde un 60% y la opacidad de 0% a 100% a mitad de la transición de escala. El texto aparecerá en orden de lectura y con un delay de 1,40. Lo podemos editar desde After Effects con el pluggin TextEvo y está aplicado como efecto que editaremos en los keyframes.
Texto con título y subtítulo animado

Estándar

Nuestra justificación de la tipografía por defecto será a la izquierda, alineada al logotipo. Y para la mayoría las jerarquías tipográficas utilizaremos este tipo de animación.
Texto con título en grande animado

Big text

Para copies más cortos y que puedan ir a gran tamaño podemos alinear el texto al centro y aplicar este tipo de animación.
Texto animado

Lower thirds

Utilizamos este tipo de animación para indicar quién aparece en pantalla o información relacionada con el testimonio.
Texto animado

Body

Utilizamos este tipo de animación para indicar quién aparece en pantalla o información relacionada con el testimonio.

Mosca

La mosca la utilizaremos siempre en la esquina superior izquierda. En los assets puedes encontrar diferentes versiones adaptadas para formatos 1:1, 16:9 o 9:16. No utilizamos la mosca en intros o cierres.
Ejemplo de posición de la mosca en vídeo

Transiciones

Tenemos 3 tipos de transiciones que simulan las transiciones en un entorno mobile. Todos los movimientos y escalas tienen las mismas propiedades en la animación: 80% de desaceleración cuando entran los elementos. Las escalas siempre van acompañadas de un efecto rounded en las formas que hacen de máscara. Estas transiciones sirven para dar juego y dinamismo, pero no podemos abusar de ellas.
Ejemplo de animación del texto a escala

Escala

El primer elemento se escala hasta un 60% con una transición de opacidad, además de la animación de curvatura en las formas. El segundo elemento queda en un segundo plano y aparecerá cuando desaparezca el primer elemento.
Ejemplo de animación del texto en movimiento

Movimiento

El primer elemento se escala y mueve fuera de la escena en un movimiento sincronizado y sin rotación ni curva. A su vez el segundo elemento entra en la escena con el mismo movimiento y termina ocupando la totalidad de la pantalla con transición de escala.
Ejemplo de animación del texto en superposición

Superposición

El primer elemento queda en un segundo plano con una transición de aumento de escala y fundido en opacidad. El segundo elemento aparece en pantalla superponiendose con una transición de movimiento y escala.

Tono de voz

Las pautas de tono de voz son la guía que permite que Cabify hable con una única voz en todos sus puntos de contacto, canales y países.

Estas pautas son un reflejo de lo que somos, de lo que hacemos y de lo que creemos. Buscamos que cuando nos lean piensen eso de “esto es muy Cabify”. Las pautas del tono de voz están ligadas a los valores y personalidad de marca de Cabify.

Personalidad de marca

Movilizadora

Contagiamos nuestro entusiasmo por nuestra misión a quienes nos rodean y les invitamos también a que alcancen la suya. Siempre estamos en movimiento y no nos frenan las dificultades.

Profesional

Nos preocupamos por nuestra comunidad. Por eso, conocemos bien a nuestros usuarios y nuestras ciudades. Trabajamos para ofrecerles soluciones seguras, sostenibles y de calidad.

Comprometida

Nos mueve nuestra visión de hacer de las ciudades un mejor lugar para vivir. Tenemos un firme compromiso con esto y, por ende, actuamos de forma consecuente.

Creativa

Sabemos que hay otra forma de hacer las cosas. Por eso siempre estamos probando, imaginando, transformando y buscando nuevas ideas que nos permitan ofrecer mejores experiencias.

Movilizadora

Hacer que las ciudades sean mejores lugares para vivir.

El usuario en el centro

Dejamos de hablar de nosotros para pasar a hablar de nuestros usuarios, de lo que quieren conseguir, de las experiencias a las que les llevamos, de su impacto en la ciudad.

Aspiracionales

Nuestro discurso inspira a nuestros usuarios a que consigan sus propias metas. Por eso pondremos foco en hablarles del destino al que llegarán, el beneficio que obtendrán.

Busca la complicidad

Es más fácil retener un mensaje que te saca una sonrisa. No seamos planos ni demasiado formales; un guiño de humor puede ayudarnos a convertir un mensaje aburrido en algo memorable. Si hacemos humor, que sea inteligente.

Optimistas

Creemos en lo que estamos haciendo y así lo transmitimos. Gracias a la innovación, las ciudades del futuro serán mejores.
Creatividad con una ilustración y el texto que dice "Ahorra o nunca. Llega a donde tú quieras y disfruta de tarifas más bajas con Cabify Go."

Profesional

Valor de marca: talento

Claros

No damos mensajes complejos ni confusos. Traducimos lo difícil en lo fácil, lo enrevesado en lo sencillo. Cuanto más claro e intuitivo, mejor será su experiencia.

Empatizamos

Hablamos de manera natural, como haríamos con un amigo. Pero sabemos modular nuestro tono cuando la audiencia y el tema lo requieran. Además, localizamos nuestros mensajes para que sientan que estamos cerca.

Sin blablabla...

Aunque soñamos con el futuro, tenemos las ruedas en el presente. Por eso siempre contamos con hechos lo que estamos haciendo hoy para llegar a ese mañana.

Honestos

Si alguna vez nos equivocamos, lo reconocemos. Y si todavía tenemos cosas por mejorar, no tenemos ningún problema en decirlo.
Anuncio que dice "Si puedes ir andando, ve andando. Y cuando no, Cabify."

Comprometida

Valor de marca: impacto

Sin medias tintas

Si somos comprometidos, lo somos y lo demostramos con hechos. Para liderar en compromiso hay que hablar con contundencia.

Piensa en todos

Somos una empresa inclusiva y comprometida con la diversidad. Y eso lo tendremos en cuenta a la hora de comunicar.

Todos a una

Nuestras iniciativas y logros solo tienen sentido cuando involucramos a nuestras audiencias. Hazles saber que ellos son el motor que hace posible el cambio, que los logros y los retos son compartidos y que nuestra meta es común.

Valientes

¿Quién es movilizador si tiene un mensaje plano? Tenemos una visión muy potente y tenemos que contarla con una energía y confianza que invite a que quieran sumarse a ella.
Anuncio con la fotografía de una mujer y el texto "Ana, sabemos que quieres ganar más dinero con tu auto. Por eso, te contamos cómo hacerlo."

Creativa

Valor de marca: inspiración

WOWízalos

Cuéntalo de manera diferente. Busca hacer una comunicación distinta de lo que hayan hecho otros, de lo que hayamos hecho previamente y persigue ese efecto WOW.

Inventa tu propio truco

Porque si tenemos que reimaginar, transformar, sorprender… no vale seguir siempre las mismas reglas, ¿no?
Anuncio con el texto dado la vuelta y que dice "Dale la vuelta a tu manera de moverte por la ciudad"

Cobranding

Cuando realizamos un cobranding colaborando con una o más marcas necesitamos seguir una serie de guías y pautas que nos ayudan a que la comunicación hacia el usuario sea clara y coherente con nuestra estrategia, valores, tono de voz e identidad visual.

Lockup

La colocación del logotipo de Cabify junto al del partner se basará en la altura de equis de nuestro logo y dependerá del tipo de construcción del logotipo del partner. La altura de equis también nos servirá para definir el área de respeto y la separación entre logotipos (para esto utilizaremos dos equis).

La altura mínima a la que debe presentarse nuestro logotipo es 8px.
Ejemplo de grid y colocación de nuestro logotipo con el de un partner
Ejemplo de grid y colocación de nuestro logotipo con el de un partner añadiéndole el más entre logotipos

Añadimos un ‘+’ entre los logotipos

Para indicar que es una comunicación en la que colaboramos con otra u otras marcas añadimos el icono ‘+’, de nuestra librería de iconos, justo en medio del espacio creado por las dos equis entre los logotipos.
Ejemplo de grid y colocación de nuestro logotipo con el de un partner cuando su logotipo es un wordmark en mayúsculas

Logotipos con wordmark en mayúsculas

El wordmark del partner se apoya sobre la altura de equis y ocupa la totalidad del alto de ésta.
Ejemplo de grid y colocación de nuestro logotipo con el de un partner cuando su logotipo es un wordmark en minúsculas

Logotipos con wordmark en minúsculas

Ajustamos la altura de equis del logotipo del partner con la nuestra y dejando que salgan de las guías, si el caso, sus ascendentes y descendentes.
Ejemplo de grid y colocación de nuestro logotipo con el de un partner cuando su logotipo es un isotipo más un wordmark

Logotipos con isotipo y wordmark

Será el wordmark del logotipo del partner el que se ajuste a la altura de equis, dejando que el isotipo sobresalga de las guías, si fuese el caso.
Ejemplo de grid y colocación de nuestro logotipo con el de un partner cuando su logotipo es un isotipo

Logotipos con solo isotipo

Intentamos apoyar la mancha principal sobre nuestra altura de equis, pudiendo salir algunos elementos de las guías.

Color lockup

Intentaremos ir en positivo y que los logotipos mantengan su color original, en nuestro caso el color Moradul (M600) y en el caso del partner sus colores de marca correspondientes; en estos casos el icono ‘+’ irá en nuestro color N400. Pero también podemos utilizar la versión negativa, yendo con la totalidad del lockup en blanco o en negro.
Ejemplo de color versión positivo
Versión en positivo
Ejemplo de color versión negativo, logotipos en blanco
Versión en negativo (Blanco)
Ejemplo de color versión negativo, logotipos en negro
Versión en negativo (Negro)
Ejemplo de colocación de logotipos cuando tenemos más de un partner

Más de un partner

Si en el cobranding participa más de un partner seguimos la misma guía añadiendo tras el logotipo del primer partner el siguiente, dejando la misma separación, las dos equis y añadiendo el icono ‘+’ en medio del espacio creado por las dos equis entre los logotipos.

Escenarios de cobranding

Tenemos tres posibles escenarios de cobranding según desde el canal desde el que se realice la comunicación: uno en el que lidera Cabify, otro en el que lidera el partner y otro en el que hay una colaboración de ambos al 50%.
Representación gráfica de los escenarios de cobranding a través de porcentajes

90% Cabify - 10% Otra marca

En este escenario lidera la comunicación Cabify y se realiza a través de sus canales (email, digital, inapp, OOHH, etc.) por lo tanto mantemenos nuestra expresión: nuestro sistema de composición, nuestro estilo fotográfico, nuestra ilustración y nuestro tono de voz.

El partner es representado en la pieza a través del lockup y la mención en el copy. Intentaremos ser lo más claros posible con el contenido para que se entienda el cobranding que se está realizando.
Ejemplo cobranding 90% Cabify y 10% Flyaway: "Flyaway se unió a este viaje. Ahora llega más lejos. Por ejemplo, al Caribe."
Ejemplo cobranding 90% Cabify y 10% Metropolis Underground: "Llega, cómo te sea más cómodo. Nos unimos para ofrecerte todas las alternativas de movilidad."Ejemplo cobranding 90% Cabify y 10% Gaia: "Compensamos el 100% de nuestras emisiones. Colaborando con la ONG Gaia"

50% Cabify - 50% Otra marca

En este escenario la comunicación se sigue realizando a través de canales Cabify pero la otra marca gana mayor peso, por lo tanto podemos añadir algunos elementos de su marca a nuestra expresión visual como su estilo fotográfico o fotografías de su producto. En este caso utilizamos la manzana de nuestro sistema de composición para alojar la creatividad de la otra de marca.
Ejemplo cobranding 50% Cabify y 50% Gaia: "Cabify colabora con la ONG Gaia para compensar el 100% de sus emisiones de CO2"
Ejemplo cobranding 50% Cabify y 50% Samsung: "Cabify y Metropolis Underground te mantiene conectado. ¡Disfruta de la alianza!"Ejemplo cobranding 50% Cabify y 50% Flyaway: "Dirás '¡Voy volando!' y será verdad. Consigue descuentos en Flyaway viajando con Cabfiy"

10% Cabify - 90% Otra marca

En este escenario la comunicación está liderada por el partner y nuestra contribución a la pieza es solo a través del logotipo que debe ir siempre en Moradul (M600), en blanco o en negro. Nunca debe adoptar los colores de la otra marca.

Su colocación y tamaño la decidirá el partner, aunque debe estar compensado con el resto de logotipos, no siendo menor que el resto y debe mantenerse el área de respeto habitual.
Ejemplo área de respeto logotipo Cabify

Patrocinios y colaboraciones

Si además de un cobranding nos encontramos con el caso de que en la campaña tienen que aparecer patrocinadores y colaboradores utilizaremos la parte inferior de la pieza para alojarlos. Nos basaremos también en la altura de nuestro logo para ajustar los suyos.
Ejemplo creatividad patrocinio y colaboradores: "¿Te vienes a la Global Mobility Call? Una propuesta para liderar el nuevo ecosistema de la movilidad sostenible" Patrocina el Gobierno de España y Colabora la Comunidad de Madrid

Ejemplos

Ejemplo de Cobranding en emailEjemplo de Cobranding en instagramEjemplo de Cobranding en webEjemplo de Cobranding en publicidad digitalEjemplo de Cobranding en inapp

Don'ts

Don't

Nuestro claim no debe ir en piezas de cobranding ya que pertenece únicamente a nuestra marca.

Don't

La iniciativa de Somos neutros en carbono al ser exclusiva de nuestra marca no la debemos utilizar en un cobranding.

Don't

No creamos híbridos entre ambas marcas, la comunicación debe ser clara y utilizar una expresión visual o la otra. No debemos utilizar los colores de la otra marca, ni su tipografía ni su ilustración.

Don't

Los assets de la otra marca tienen que tener una calidad óptima para aparecer en la creatividad. De no ser el caso buscaremos otro recurso como nuestra fotografía o ilustración.

Al hacer clic en "Aceptar", acepta que se almacenen cookies en su dispositivo para mejorar la navegación por el sitio, analizar el uso del mismo y ayudar en nuestros esfuerzos de marketing. Consulte nuestra Política de privacidad para obtener más información.

Aceptar configuración