Better Web Typography for a Better Web

Guia prático de tipografia para web que transforma conceitos avançados — ritmo vertical, escala modular e composição de página — em decisões claras de design e implementação. Matej Latin ensina “pensar tipografia” no navegador: você aprende a projetar e codar um sistema tipográfico consistente enquanto constrói um site de exemplo ao longo do livro.

O que você vai encontrar

• Ritmo vertical: como alinhar linhas, espaçamentos e headings para dar fluidez à leitura.

• Escala modular: criar hierarquias previsíveis e responsivas sem “chutar” tamanhos.

• Composição de página: grades, medidas ideais, contraste e microtipografia aplicada.

• Do Figma ao código: exemplos com HTML/CSS, tokens, variáveis e ajustes finos.

• Sistemas tipográficos reutilizáveis: bases para design systems e consistência entre telas.

• Exercício guiado: projeto contínuo em que você aplica cada capítulo num site real.

Para quem é
Designers de produto/UI e desenvolvedores front-end que querem sair do uso intuitivo e dominar uma tipografia legível, escalável e consistente diretamente no código.