Texto corrido (body text)

O texto principal que a pessoa lê pra entender algo, abaixo do título e ao lado dos rótulos.

Hard

O que é

Texto corrido é o conteúdo que carrega a informação de verdade na tela, ou seja, a descrição do produto, a explicação do onboarding, o corpo de um aviso de erro, a cláusula de um termo. Ele fica embaixo dos títulos e ao lado dos rótulos, porque é ali que mora o conteúdo em si, e não a estrutura da tela.

Acertar o texto corrido tem consequência bem prática. Quando ele fica pequeno demais, apertado demais ou numa fonte que troca legibilidade por personalidade, o atrito vai se acumulando a cada parágrafo até a pessoa desistir. Já quando ele está bem dimensionado, dá pra ler por muito tempo sem cansar.

Essa legibilidade vem de algumas decisões que trabalham juntas: o tamanho (16px é a base comum na web, 17pt no mobile da Apple), a altura de linha (de 1.4 a 1.6 vezes o tamanho) e o comprimento de linha (de 50 a 75 caracteres). Nenhuma delas resolve sozinha, porque uma compensa a outra. E a acessibilidade aqui é mensurável: contraste mínimo de 4.5:1 e texto que escala até 200% sem quebrar.

Em uma frase

O texto corrido tá muito apertado, vamos subir pra 16px e abrir a altura de linha.

A pergunta que ele responde

Que tamanho e espaçamento de texto deixam a leitura confortável no celular?

Quando usar

Sempre que houver conteúdo pra ler de verdade, como descrição, ajuda, aviso, termo ou onboarding.

Como não usar

O erro comum é escolher a fonte do corpo pela beleza que ela tem no título grande, ignorando como ela se comporta a 16px no celular, que é onde ela vai trabalhar de verdade.

Na prática

Pense numa tela com um bloco de explicação a 13px e a linha colada. A pessoa lê dois parágrafos e desiste, mesmo com o conteúdo estando todo ali, porque o corpo do texto estava ilegível.

Não confunda com

Vale separar texto corrido de título, já que cada um tem um trabalho diferente. O título existe pra estabelecer hierarquia e anunciar o tópico, enquanto o texto corrido é quem carrega o conteúdo de fato. O problema aparece quando os dois ficam com tamanho parecido, porque aí a hierarquia some e a pessoa não sabe mais o que é o quê.

D

Em inglês

Body Text

Pronúncia

bódi-tékst

Também chamado de

body, texto de corpo, corpo do texto

Origem

n/a

Fonte

Saiba mais

Butterick, Practical Typography (capítulo sobre tamanho e altura de linha)