Tipografía

La tipografía es clave para la marca Smart Chip, ya que determina cómo la gente ve y entiende nuestro mensaje. Con un estilo visual flexible y en constante evolución, el uso coherente de nuestro tipo de letra garantiza la claridad y refuerza el reconocimiento de la marca.

Tipo de letra

La buena legibilidad y la versatilidad son las prioridades principales a la hora de elegir la tipografía. Nuestra tipografía corporativa es Manrope, tanto en papel como en dispositivos digitales.

Manrope Regular

Manrope Bold

Manrope ExtraBold

Titulares y texto de apoyo

Distinguimos entre dos ámbitos de aplicación de nuestras normas tipográficas: Titulares y Texto complementario.

Titulares Son los títulos grandes que aparecen en carteles, vallas publicitarias, pancartas y demás. Su objetivo es llamar la atención y hacer que la gente se pare, mire y lo recuerde.

Texto complementario es todo lo que viene después del titular. Una vez que el titular llama la atención, el texto que lo acompaña te da los detalles.

Titulares

Los titulares están pensados para ser flexibles. Su tamaño no es fijo, sino que depende de la disposición de la cuadrícula, el tamaño del contenedor y otros factores. Aprenderás más sobre ellos en la sección dedicada a Diseños.

Grosor de la fuente

Los titulares suelen estar escritos en Manrope Regular.

Cuando pongas un titular sobre una imagen, puedes usar Manrope Bold o ExtraBold para conseguir más contraste.

Color

Puedes resaltar una parte del titular con un degradado de la paleta de colores. Puede ser una frase entera o solo algunas palabras, pero nunca todo el titular. Usa el color para destacar algo.

Elige un color para el degradado que combine bien con la imagen. Puede reflejar un color dominante de la imagen, resaltar algún detalle llamativo o simplemente ir a juego con el ambiente.

Cuando pongas el titular en una imagen, busca el mayor contraste y la mejor legibilidad.

No pongas el texto en color a la fuerza: si el fondo tiene mucho detalle, todo el texto debería ser negro o blanco para que se vea lo más claro y legible posible. Usa texto en color solo si está sobre un fondo lo suficientemente sencillo.

Liderazgo y seguimiento

El interlineado de los titulares suele ser igual a su tamaño. Por ejemplo, un titular con un tamaño de 50 pt tiene un interlineado de 50 pt.

Dejamos el seguimiento en 0%.

Texto complementario

El texto de apoyo es todo aquel que no sea el titular: párrafos, llamadas a la acción y demás. Como su nombre indica, está ahí para apoyar al titular. No está pensado para llamar la atención —esa es la función del titular—. En cambio, está diseñado para transmitir información adicional de la forma más clara posible.

Estilos de párrafo

Hay cuatro estilos de párrafo para el texto de apoyo. Están pensados para garantizar la máxima legibilidad, una jerarquía clara y que el contenido sea lo más fácil de leer posible.

El texto complementario siempre se alinea a la izquierda.

Títulos principales Son los títulos grandes que llaman la atención. Son cortos (normalmente no más de cinco palabras) y solo debe haber uno por página.

Uso de los títulos principales Manrope Bold o Supernegrita.

Subtítulos Se usan para organizar el contenido en secciones, lo que facilita la navegación por la información. También puedes usarlas para resaltar puntos clave o para llamar la atención sobre información importante.

Los subtítulos siempre usan Manrope Bold.

Texto del cuerpo Es el estilo estándar para el texto.

El cuerpo del texto utiliza Manrope Regular, pero se permiten otros grosores de fuente para resaltar partes del texto, hacer hincapié en algún punto y que la información quede lo más clara posible.

Letra pequeña Son los pies de página, los avisos legales y todo lo demás que tiene que estar ahí, pero que no hace falta que destaque.

Al igual que en el cuerpo del texto, se permiten todos los grosores de fuente, con Manrope Regular que es la norma.

Tallas

Usa el tamaño del texto del cuerpo como referencia para los demás tamaños. El tamaño predeterminado del texto del cuerpo es 10 pt (impresión) o 18 px/1,12 rem (pantalla).

Subtítulos son dos veces del mismo tamaño. Eso significa un valor por defecto de 20 pt (impresión) o 36 px/2,24 rem (pantalla).

Títulos principales están entre De 3 a 4,5 veces más grande, es decir, entre 30 y 45 pt (impresión) o entre 54 y 81 px/3,36 y 5,3 rem (pantalla). Elige el tamaño que mejor se adapte a la cantidad de texto que tengas.

Letra pequeña es de 0,6 a 0,8 veces más grande.

Liderazgo y seguimiento

Títulos principales y Subtítulos Usa el prefijo 100%.

Texto del cuerpo se gana un poco más de margen con un avance de 130%.

El número de seguimiento es siempre 0%.

Color

Títulos, subtítulos y texto del cuerpo son 100% negro o blanco, dependiendo del color de fondo.

Letra pequeña está ambientada en Brillo del 70% sobre fondos claros o Brillo del 30% en los oscuros. te cuento.

Al igual que con los titulares, puedes elegir un color de la paleta para los títulos principales y los subtítulos. Puedes colorear todo el título o solo algunas palabras.

Saltos de línea

Usa saltos de línea para separar títulos principales y subtítulos. Así quedan más compactas y el texto en su conjunto tiene más espacio para respirar.

Longitud del título

Intenta que los títulos principales sean breves. Deben ser concisos y llamar la atención con solo unas pocas palabras, normalmente no más de cinco. Si tu título es más largo que eso, probablemente debería ser un subtítulo.

En una página normal, hay solo un título principal.

Longitudes de línea

Divide el texto del cuerpo largo en dos columnas, pero no más. Así se mantiene una longitud de línea manejable. Intenta que De 45 a 75 caracteres (incluidos los espacios y los signos de puntuación) por línea.

Títulos principales y subtítulos siempre deben abarcar todas las columnas.

Ejemplos

Estos son algunos ejemplos de cómo utilizar el texto de acompañamiento y cómo combinarlo con imágenes y elementos gráficos.

Si quieres ver ejemplos de titulares, echa un vistazo a la sección sobre Diseños.

Lo que no debes hacer

Por favor, evita cometer los siguientes errores.

No dejes el espacio entre letras demasiado estrecho.

No dejes demasiado espacio entre las letras.

No uses otras fuentes.

No escribas todo en mayúsculas.

No alinees el texto a la derecha.

No añadas efectos como sombras o contornos.