Typography
IBM Plex Sans and Plex Mono: scale, weights, and the full set.
This section still reads in Spanish — the English body is on its way. The demos speak for themselves.
Espécimen
IBM Plex
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !¿?¡@$%&()«»—
El espécimen se toca
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.
Tu operación, en movimiento.
Peso
Cuerpo
44px
Tracking
-0.03em
Dos carriles, una voz
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.
- heading · 28pxProspección activa
- title · 20pxCampaña Región Metropolitana
- body · 16pxEl agente respondió con la propuesta y quedó de confirmar mañana.
- body-small · 14pxÚltimo contacto por WhatsApp · pendiente de aprobación
- caption · 12pxActualizado hace 4 minutos
El peso es jerarquía, no decoración
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.
- Lead calificado400 · Regular — Cuerpo, párrafos, notas
- Lead calificado500 · Medium — Titulares y nombres
- Lead calificado600 · SemiBold — Acciones y datos decisivos
- Lead calificado700 · Bold — Solo cifras protagonistas
Mono es evidencia, nunca prosa
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.
Constructora Andes
+56 9 5512 8843
Pidió la cotización del plan anual y quedó de revisarla con su socia.
Los valores
- Sans
- IBM Plex Sans · 400/500/600/700
- Mono
- IBM Plex Mono · 400/600
- Pesos sans
- 400 · 500 · 600 · 700
- Pesos mono
- 400 · 600
- Escala producto
- 12 / 14 / 16 / 20 / 28 px
- Tracking display
- −0.05 a −0.02 em
- Tracking mono caps
- +0.08 a +0.13 em
- Números
- tabular-nums siempre