Guías de marca
Tipografía
Tipografía principal, roles y jerarquías, y fuentes alternativas aprobadas.
Actualizado 10 ago 2026
Tipografía principal
Outfit es la tipografía principal de Leonardo para momentos de marca, UI de producto y lectura larga. Es geométrica, confiada y versátil en pesos 300–700. Prefiere Outfit desde archivos aprobados o fuente web licenciada—no sustituyas por imitaciones.
“La tipografía debe sentirse intencional: clara en el producto, expresiva en la marca.”
Outfit
Familia primaria · 300–700
Leonardo construye claridad en cada superficie.
Pesos
Solo pesos aprobados
Light 300 · Regular 400 · Medium 500 · SemiBold 600 · Bold 700
Roles y jerarquías
Usa una jerarquía clara por vista. Display lidera; los títulos estructuran; el cuerpo sostiene la lectura; labels y meta se mantienen discretos. Mantén la línea alrededor de 60–75 caracteres en el cuerpo.
Display
Outfit SemiBold · ~48–72px · -0.03em
Construye con claridad
Title
Outfit SemiBold · ~28–36px · -0.02em
Guías que los equipos sí pueden usar
Body
Outfit Regular · 16–18px · 1.6–1.7
El cuerpo explica el sistema en lenguaje claro. Mantén párrafos cortos, interlineado abierto y contraste fuerte respecto a la superficie.
Label
Outfit SemiBold · 11–12px · +0.12em
ACTUALIZADO · ASSET · FORMATO
Meta
Outfit Regular · 12–13px
PDF · 512 KB · julio 2026
- 01
Un momento display
Usa una sola línea display expresiva por viewport o apertura de sección.
- 02
Baja con orden
Avanza Display → Title → Body → Label/Meta sin saltar del display a meta densa.
- 03
Protege la lectura
El cuerpo se queda en Regular sobre superficies claras; evita párrafos largos en Medium/SemiBold.
Fuentes alternativas
Cuando Outfit no pueda incrustarse—decks Office legacy, entornos restringidos o plantillas de socios—usa solo estas alternativas aprobadas. Son sustitutos, no equivalentes de marca; vuelve a Outfit siempre que puedas.
Claridad con restricciones
Arial
Fallback Office y Microsoft 365
Arial, Helvetica, sans-serif
Úsala en PowerPoint, Word y Outlook cuando Outfit no esté disponible. Mantén jerarquía solo con tamaño/peso.
Claridad con restricciones
Helvetica Neue
Fallback diseño / macOS
Helvetica Neue, Helvetica, Arial, sans-serif
Aceptable en Keynote o comps locales cuando no estén instalados los archivos de Outfit.
Claridad con restricciones
System UI
Stack de fallback de producto
system-ui, Segoe UI, Roboto, sans-serif
Solo fallback web de emergencia. No publiques páginas de marketing en system UI si Outfit puede cargar.
Claridad con restricciones
Georgia
Excepción de impresión larga
Georgia, Times New Roman, serif
Excepción rara para reportes impresos densos donde una serif mejora la lectura extendida. Nunca para héroes de marca.
Sí
Especifica Outfit primero en CSS/stacks y luego los fallbacks aprobados. Iguala pesos lo más cerca que permita el sustituto.
No
No introduzcas fuentes decorativas, script o condensed de novedad. No mezcles varios fallbacks en una composición por estilo.
Descargas
Espécimen tipográfico
Muestras de jerarquía y notas de uso tipográfico.
Actualizado 8 jul 2026
Categorías de marca