The Proportional Web: un diseño tipográfico web inspirado en Bringhurst

Fuentes: The Proportional Web

The Proportional Web es una hoja de estilos CSS de código abierto creada por Oskar Wickström que traslada al navegador los principios tipográficos del clásico The Elements of Typographic Style, de Robert Bringhurst. Se presenta como la secuela espiritual y de ancho variable de The Monospace Web, otro proyecto del mismo autor, y está disponible bajo licencia MIT para que cualquiera pueda reutilizarla, modificarla o bifurcarla con la debida atribución.

El diseño combina dos variantes de la fuente Alegreya —regular para el cuerpo del texto y versalitas para titulares y cabeceras— junto con Courier Prime para los bloques de código. Todo el tamaño tipográfico se basa en una raíz de 16 píxeles y se expresa en unidades rem, con una escala de 0,75 a 4 rem (de 12 a 64 píxeles) y una altura de línea de 1,2 rem que sirve como base para alinear verticalmente todos los elementos.

Entre sus decisiones de estilo más discutidas, la hoja justifica el texto en lugar de alinearlo a la izquierda, apoyándose en las propiedades CSS word-break, text-wrap, hyphens y hyphenate-limit-chars para evitar ríos de espacios en blanco. Los párrafos sucesivos se sangran 3ch —el ancho de tres ceros—, una práctica impresa de siglos que la web abandonó en favor del espacio vertical. La paleta es estrictamente blanco y negro, sin color, siguiendo el minimalismo que Bringhurst defiende para textos extensos.

El proyecto ofrece estilos para tres niveles de encabezados, citas en bloque con autor y obra en versalitas, figuras con pie, listas, tablas, notas marginales mediante