Curso· Cargando…
Decide la tipografia de tu web con criterio en una tarde y defiendela en una reunion sin ser diseñador. En 12 lecciones repartidas en dos módulos pasas de abrir Google Fonts sin saber que mirar a tener un sistema tipografico completo: familias bien elegidas, parejas que no chocan, jerarquia con escala modular, espaciado correcto y carga rapida sin parpadeos. Aura lleva ocho anyos haciendo webs y ha revisado mas de doscientos sitios de fundadores; aqui te enseña lo que de verdad cambia el aspecto y lo que es ruido.
¿Por qué un texto cansa o no, y cómo elijo la tipografía de mi web sin guiarme por la moda y la justifico ante un no-diseñador?
Eres el responsable de tipografía de tu propia web (o la de un cliente) sin ser diseñador.. Una landing real necesita un sistema tipográfico que se lea bien, cargue rápido y puedas justificar en una reunión sin sonar a moda pasajera.
Al finalizar, podrás clasificar cualquier tipografía web en uno de los cuatro grandes registros (sans-serif, serif, monospace, display) usando la nomenclatura Bringhurst/Vox-ATypI, y decidir en menos de 30 segundos qué registro corresponde a cada contexto digital (producto SaaS, blog editorial, dashboard, landing de marca) antes de elegir una familia concreta.
Al finalizar, podrás construir y defender una pareja tipográfica para tu web aplicando el principio de contraste de Bringhurst y el framework de Tim Brown ("Combining Typefaces"), eligiendo entre las tres parejas probadas (sans+sans, serif+sans, sans+mono) sin caer en los dos errores mecánicos más frecuentes: mezclar dos fuentes del mismo registro o pasar de dos familias.
Entregas: Un sistema tipográfico documentado (pareja elegida, escala modular, tokens, line-height por nivel, medida y fallback) aplicado a una landing real, con CSS funcional, su justificación de elección y la prueba de rendimiento (peso antes/después).
Se evalúa
Elegir y parear con criterio
Epítome + práctica guiada: del cero a una pareja tipográfica defendible (registros, pareo, variable fonts, bancos serios, licencias/self-hosting, test del teléfono).
Jerarquía, espaciado, performance
Proyecto autónomo: escala modular, tamaños mínimos, line-height por contexto, medida 60-75 ch, performance y system stack hasta el sistema aplicado a la landing.