Typography

Mover un slider enseña más que leer una tabla. Y los controles son los del sistema: segmentado cuadrado con selección azul suave, slider de línea de pelo con pulgar cuadrado que se aclara con sombra al hover, lecturas en mono tabular.

El rango del cuerpo va de 18 a 88px — los dos carriles completos. El tracking correcto aparece solo: grande pide negativo, chico pide aire.

El producto usa la escala de tokens — cinco pasos, de 12 a 28 px. Lo editorial (landing, portadas, esta página) usa clamp() y puede subir hasta el espécimen.

Una superficie elige un carril y se queda ahí. Un dashboard con titulares editoriales grita; una landing con tipografía de tabla susurra.

Cuatro pesos con trabajo asignado. Si dos elementos vecinos llevan el mismo peso y el mismo tamaño, son la misma cosa; si no lo son, uno está mal.

El tracking acompaña al tamaño: negativo fuerte en display (−0.05 a −0.02 em), neutro en cuerpo, y ancho (+0.08 a +0.13 em) solo en la microcapa mono en mayúsculas.

Plex Mono marca lo que es dato verificable: identificadores, timestamps, teléfonos, métricas, etiquetas de sección. El sans cuenta la historia; el mono la prueba.

Números siempre con tabular-nums, para que las columnas no bailen. Mono jamás en párrafos: un texto corrido en mono se lee como log, no como producto.

IBM Plex Serif es la tercera voz de la superfamilia y entra solo como display editorial: titulares de landing y portadas, pesos 500/600, tracking −0.03 a −0.02 em (una serif con el tracking de la sans se muerde los remates). Comparte esqueleto y altura-x con la Sans: el contraste es de voz, no de choque — por eso no se casa fuera de la familia.

Nunca en el producto, nunca en párrafos, nunca bajo ~2rem: una serif chica en UI se lee como documento, no como sistema. Y las cifras grandes no son serif — son dato, y el dato habla Mono.

Clash Grotesk es la voz display de la landing y la única cara fuera de la superfamilia (reemplazó a Space Grotesk el 2026-09-15). Grotesca contemporánea de ojo grande y contraformas abiertas: a tamaño de titular se lee cercana y segura, y empalma con el Mono operacional sin salirse del tono B2B. La Plex Sans a 112 px se lee correcta pero muda, y la serif titula editorial cuando lo que hace falta es carácter.

Vive solo en titulares grandes de superficie pública: el hero y los titulares de sección, peso 500, tracking −0.04 em, nunca bajo ~2rem. No entra al producto, no entra al cuerpo, no entra a los mono. Se consume por la utilidad font-headline, que la sirve primero y cae en Plex Sans si no carga.

Dentro de la columna de lectura de un post los titulares de sección NO son display: un documento se lee en la cara de lectura, y ahí el salto de tamaño ya hace la jerarquía. La display marca la voz de la página, no cada bajada de nivel.