Sistemas de Diseño
Tipografía a gran escala — construcción de sistemas tipográficos, arquitectura de tokens, estrategias responsivas y consistencia entre plataformas.
Pruebas y QA de Tipografía para Sistemas de Diseño
Cómo probar la tipografía en navegadores, dispositivos y tamaños de pantalla: truncamiento, desbordamiento, multilenguaje y pruebas de regresión visual.
Ritmo Vertical: Alineando el Texto a una Cuadrícula de Línea Base
El ritmo vertical crea armonía visual al alinear todo el texto y el espaciado con una cuadrícula de línea base consistente: un desafío en la web, pero alcanzable.
Eligiendo una Fuente Principal para tu Sistema de Diseño
Tu fuente principal es la decisión de diseño más visible de tu sistema. Cómo evaluar el juego de caracteres, los pesos, los ejes variables y la licencia de una fuente de sistema.
Cómo Manejan la Tipografía los Principales Sistemas de Diseño
Analiza cómo Apple HIG, Material Design, IBM Carbon, Shopify Polaris y otros manejan la tipografía: elección de fuentes, sistemas de escala y directrices.
Tipografía Responsiva en Sistemas de Diseño
Escalar la tipografía entre breakpoints: escalas tipográficas responsivas, tamaño fluido con clamp() y mantenimiento de la jerarquía de móvil a escritorio.
Tokens de Diseño Tipográfico: De Figma a CSS
Los tokens de diseño conectan diseño y desarrollo: familia de fuente, tamaño, peso, interlineado y espaciado como valores estructurados y agnósticos de plataforma.
Construyendo una Escala Tipográfica para tu Sistema de Diseño
Una escala tipográfica bien definida es la base de un diseño consistente. Aprende a elegir ratios, definir escalones e implementar en distintas plataformas.