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.'
Listado 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

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.

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.

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.

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.

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.

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.

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.

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 Dont’s

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

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

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

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

Dont’s

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.

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"