FERRAMENTA

Escala de texto e espaço

Espaçamento escolhido no olho — 13px aqui, 27px ali — é o que faz a página parecer amadora sem ninguém saber dizer por quê. A solução é não escolher: gere a escala e use só ela.

1 · Texto

Corpo entre 16 e 19px em site de serviço

Razão da escala

Entrelinha do corpo 1.5 a 1.7

2 · Espaço

Base da escala de espaço a escala de 8 é o padrão

css

Espaço entre seções é muito maior do que você imagina — 96 a 128px no desktop. Página apertada parece panfleto; página respirada parece cara. E proximidade indica relação: o título fica colado no texto dele, longe do parágrafo anterior.