Calculadora de Tamanho Rhythm Vertical Tipografia

Ritmo Vertical na Tipografia

Ritmo vertical é o espaçamento consistente entre elementos de uma página, obtido alinhando todo bloco (parágrafos, títulos, imagens, margens, padding) a múltiplos de um baseline derivado do line-height do corpo de texto. O baseline é calculado por baseline = font-size × line-height; para um corpo de 16 px com line-height 1,5, o baseline é 24 px e toda medida vertical deve ser múltiplo de 24 (24, 48, 72, 96…).

A técnica foi popularizada por Robert Bringhurst em Elementos do Estilo Tipográfico e adaptada à web por Richard Rutter (“Compose to a Vertical Rhythm”, 24ways 2006), sendo depois codificada na ferramenta Compose de Brent Jackson (2014). Tim Brown estendeu o conceito para tipografia em escala modular, e o Material Design do Google sintetizou tudo no grid de 8 pt — toda margem, padding e altura de componente vira múltiplo de 8 px (4 px para itens finos).

Aplicações

Usado em design editorial (interiores de livro, artigos long-form, revistas), design systems web (Material, Carbon, Polaris) e UI de produto onde espaçamento consistente reduz ruído visual e melhora a leitura. Também aplicado em PDFs de relatório, dashboards e landing pages para transmitir sensação calma e profissional.

FAQ

Por que ritmo vertical importa? Espaçamento inconsistente deixa a página inquieta; alinhar ao baseline dá pontos de descanso previsíveis ao olho e melhora o fluxo de leitura.

Imagens devem encaixar no baseline? Idealmente sim — redimensione ou adicione padding para a altura ser múltipla do baseline. Quando impossível, absorva a diferença na margem seguinte.

Grid de 4 pt ou 8 pt? 8 pt é o padrão do Material; use 4 pt em tabelas densas e ícones em que 8 pt ficaria largo demais.