Tipografía

Nuestra tipografía combina PP Valve para los títulos y Manrope para los textos y la interfaz. Juntas dan personalidad a la marca y hacen que la información sea clara y fácil de leer.

Personalidad y claridad

Tenemos dos tipografías y cada una hace lo suyo. PP Valve pone la personalidad: la usamos cuando queremos que algo se vea. Manrope se encarga del resto: textos, datos e interfaz, todo lo que tiene que leerse rápido y sin esfuerzo.

AaBbCc01234567{(!@#$?&)}
AaBbCc01234567{(!@#$?&)}

PP Valve

PP Valve es nuestra voz más fuerte. Mezcla rasgos grotescos, geométricos, gestuales e industriales, así que tiene carácter de sobra en tamaños grandes. La usamos en títulos y piezas de marca, en frases cortas que tienen que verse antes de leerse.

  • ThinThin Italic
  • ExtralightExtralight Italic
  • LightLight Italic
  • RegularRegular Italic
  • MediumMedium Italic
  • SemiboldSemibold Italic
  • BoldBold Italic
  • ExtraboldExtrabold Italic

Set tradicional

PP Valve trae varios juegos de caracteres alternativos. Nosotros usamos el set tradicional, que cambia la a, f, g, r e y por formas más clásicas y fáciles de reconocer. Así nuestros títulos mantienen el carácter de Valve sin perder claridad.

Cómo activarlo:

  • Figma: en las opciones de texto, Sets estilísticos › Traditional Set
  • Illustrator: Ventana › Texto › OpenType, en Conjuntos estilísticos › Traditional Set
  • Código: font-feature-settings: 'ss02'
  • Canva no permite activar sets estilísticos, así que ahí se ve el set por defecto

Ahórratela fila

Tu auto,ya reparado

Manrope

Manrope hace el trabajo de todos los días. Sus formas semicondensadas y de poco contraste se leen claras en pantalla y en tamaños chicos. La usamos en textos, precios, botones y formularios: todo lo que necesitas leer para decidir rápido.

También la usamos en los títulos chicos de la interfaz, como los de tarjetas, listas y formularios. En esos tamaños PP Valve pierde carácter y Manrope se lee mejor.

  • ExtraLight
  • Light
  • Regular
  • Medium
  • SemiBold
  • Bold
  • ExtraBold

Composición

Unas pocas reglas para que todo se vea ordenado y se lea fácil. Los titulares van apretados, con interlineado corto y tracking negativo. Los textos van con aire.

TitularInterlineado:105 %PP ValveTracking:-1,4 %
Nos hacemos cargo de todo
SubtítuloInterlineado:125 %PP ValveTracking:0 %
Revisión técnica
sin moverte de tu casa
Título de interfazInterlineado:129 %Manrope BoldTracking:-1,8 %
Tus próximos servicios
TextoInterlineado:133 %Manrope RegularTracking:0 %
Llevamos tu auto a uno de nuestros talleres aliados, donde realizamos el servicio con los más altos estándares. Te avisamos cuando tu mecánico está en camino y antes de cualquier vencimiento.

Números y precios

En precios y datos usamos Manrope con cifras tabulares, para que los montos se alineen.

En Figma se activa en las opciones de texto, en Números › Tabulares. En código, con font-variant-numeric: tabular-nums.

Cifras proporcionales
$11.111$48.990
Cifras proporcionalesCada número tiene su propio ancho. Se ven bien sueltos en un texto, pero no se alinean entre sí.
Cifras tabulares activadas
$11.111$48.990
Cifras tabularesTodos los números miden lo mismo, así los montos quedan alineados en columnas y no saltan cuando cambian.

Usos incorrectos

La tipografía tiene espacio para jugar, pero algunas reglas mantienen la marca consistente. Evita esto:

Llevamos tu auto a uno de nuestros talleres aliados, donde realizamos el servicio con los más altos estándares. Te avisamos cuando tu mecánico está en camino.

No uses PP Valve en párrafosEn bloques largos cansa la vista. Los textos siempre van en Manrope.
Agenda ya
No uses el set por defectoPP Valve siempre va con el set tradicional activado.
Agenda ya
No escribas titulares en mayúsculasLas mayúsculas sostenidas se leen peor y suenan a grito.
Agenda ya
No deformes la tipografíaNo la estires, comprimas ni delinees. Usa los pesos que trae la familia.

Descargas

Las tipografías se solicitan al equipo de diseño.