Saltar al contenido
Índice de Documentación
Documentación Fundamentos

Tipografía para leer, operar y comparar.

Las familias ya están self-hosted. Esta revisión compara tres ritmos completos antes de fijar el tratamiento predeterminado.

Las dos familias, renderizadas

IBM Plex Sans es la voz del sistema. JetBrains Mono no es una voz editorial: sirve para código, rutas, identificadores, versiones y cifras que necesitan alinearse.

IBM Plex Sans · 400 500 600 700

Compañía de Innovación de Santiago

Diseñamos infraestructura y productos para un contexto real. La tipografía principal debe poder leerse durante mucho tiempo y mantener una interfaz clara.

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ · abcdefghijklmnñopqrstuvwxyz · 0123456789
JetBrains Mono · 400 500 700

manifest.v1 · {VERSION}

GET /api/v1/templates  200  184 ms

0123456789 · {{}}[]() · => · SHA-256

Comparación en contexto

Cada opción usa IBM Plex Sans. Cambian la escala, el peso y el ritmo. El contenido es el mismo para que la comparación sea directa.

Editorial

Santiago cambia a escala de barrio

Una guía de lectura con títulos expresivos, cuerpo amplio y pausas generosas. Sirve para portadas, artículos e informes.

Dato principal
38 comunas
Actualizado
25 ago 2026

Producto

Santiago cambia a escala de barrio

Una jerarquía contenida para servicios, formularios y catálogos. Mantiene densidad sin perder lectura.

Dato principal
38 comunas
Actualizado
25 ago 2026

Operacional

Santiago cambia a escala de barrio

Un ritmo compacto para tablas, administración y monitoreo. La mono aparece solo en valores comparables.

Dato principal
38 comunas
Actualizado
25 ago 2026

Configuración principal del CSS compilado

Tamaños, pesos e interlineados de la base se generan desde consumer-v10.css. Las variantes de marca, modo y componente pueden aplicar sus overrides publicados.

RolTamaño CSSPesoInterlineado
Cuerpo de interfazvar(--fs-body)4001.58
Título principalvar(--fs-fluid-28-3_4-44)7001.2
Título de secciónvar(--fs-fluid-22-2_4-30)6001.1
Subtítulovar(--fs-19)6001.15
Prosa ArticleBody--fs-prose4001.58

Rótulos y títulos

  • Caja natural en títulos, controles, badges y metadatos.
  • Las mayúsculas quedan limitadas al logo, siglas y el literal Región Metropolitana.
  • Los títulos de sección comienzan directamente con el tema.
  • Una categoría de navegación no se convierte en una ceja decorativa dentro del contenido.

Familias y números

  • IBM Plex Sans cubre interfaz, prosa y títulos con pesos 400, 500, 600 y 700.
  • JetBrains Mono se reserva para código, identificadores y datos alineados.
  • Las tablas y series usan cifras tabulares.
  • Los releases sirven WOFF2 desde el mismo origen.

Lectura y excepciones

.l-measure es la primitiva de lectura con tope de 36 rem; ArticleBody la recibe mediante className cuando corresponde. El h1 tiene interlineado 1,20 y conserva su tracking; h2 y h3 usan tracking cero. El relleno lateral de .container crece de forma continua con el viewport, y body usa 100dvh con respaldo 100vh.

H14 mantiene IBM Plex Sans y JetBrains Mono en el kit. Una serif en un sitio se registra por H29 caso a caso, con justificación ADR-021 (D-09, 2026-10-05). Space Grotesk o una serif de alto contraste para titulares también requieren esa entrada; el kit no incorpora una tercera familia.

Sí y no

SíNo
IBM Plex Sans para navegación, títulos, botones y prosaJetBrains Mono para párrafos, titulares o toda la navegación
Mono para CTR-184, rutas, código y columnas numéricasMono como decoración tecnológica
Peso y espacio para crear jerarquíaEpígrafes repetidos para fabricar jerarquía
Cifras tabulares cuando se comparan verticalmenteCifras tabulares en texto corriente sin necesidad

Decisiones

Usa el identificador para confirmar, modificar o rechazar una regla.

TYP-01Regla vigenteIBM Plex Sans + JetBrains Mono self-hosted.
TYP-02Pendiente de aprobaciónElegir el tratamiento tipográfico predeterminado entre Producto, Editorial y Operacional.
TYP-03Regla vigenteSin cejas decorativas; caja natural con excepciones de H28.