Layout de texto para posts sociais: título, detalhe e ação

O melhor layout de texto para posts de redes sociais usa três níveis e não mais: um título que diz a única coisa, uma linha de detalhe que responde à pergunta óbvia seguinte e uma pequena chamada para ação que diz o que fazer a seguir. Cada nível é claramente menor do que o de cima e fica num sítio previsível. Quem faz scroll dá a um post um instante, e três níveis é mais ou menos o que um instante aguenta.

Exemplo: hierarquizar as palavras de um post

Uma florista quer anunciar as encomendas para o Dia da Mãe. O primeiro rascunho tem tudo num tamanho parecido: o nome da loja, “O Dia da Mãe está a chegar”, “Encomenda ramos online já”, “Entregas em toda a cidade”, “Encomenda até quinta” e o endereço do site. Seis linhas a competir significa que nada é lido.

Hierarquizado, fica assim: título Encomenda até quinta. (aquilo em que as pessoas têm de agir), detalhe Ramos atados à mão, entregues no domingo (o quê e quando), chamada para ação Link na bio (onde). O nome da loja passa para uma pequena etiqueta ou desaparece, porque o perfil já o mostra.

Tamanhos de letra para título, detalhe e chamada para ação

Os tamanhos abaixo são para qualquer post com 1080 píxeis de largura, o que cobre os formatos vertical, quadrado e story do Instagram. A regra por baixo é mais útil do que os números: cada nível deve ter cerca de metade a dois terços do tamanho do de cima, ou o olhar não os distingue.

O peso ajuda tanto como o tamanho. Um título a negrito e uma linha de detalhe normal separam-se bem mesmo quando os tamanhos estão mais próximos do que gostarias. Mais sobre tamanhos para telemóveis em tamanho de letra para redes sociais, e a teoria geral em hierarquia visual.

Onde colocar cada nível

As pessoas leem um post como leem uma página: de cima para baixo, do início ao fim da linha. Por isso o título vai no alto ou no meio, o detalhe fica logo por baixo e a chamada para ação vai no fim, perto da base. Mantém os três juntos como um só grupo; espalhá-los pelos cantos obriga o olhar a procurar.

• Vertical 1080×1350: título no terço superior ou centrado, detalhe por baixo, chamada para ação perto da base com uma margem de pelo menos 80 px.
• Quadrado 1080×1080: centra o grupo ou alinha-o a um lado; a grelha do perfil mostra uma pré-visualização cortada de cada post, por isso mantém o título longe das margens superior e inferior.
• Story 1080×1920: título logo abaixo da linha de segurança superior, chamada para ação acima do campo de resposta. Zonas de segurança das redes sociais tem o mapa.
• Primeiro slide de carrossel: só o título, mais uma pequena seta ou a indicação “Desliza”. Os detalhes vão para o slide dois; design de carrosséis do Instagram cobre o resto.

Erros comuns de layout de texto em posts de redes sociais

A chamada para ação merece uma palavra. No Instagram, a legenda e os botões de gosto, comentário e partilha ficam mesmo debaixo da imagem, e “link na bio” é entendido por todos. Por isso a chamada para ação na própria imagem pode ser pequena. Só a faças forte quando a ação é todo o objetivo, como o prazo de uns saldos.

Como compor o texto de um post social em cinco passos

1. 1

   Escreve tudo e depois hierarquiza

   Põe primeiro a única coisa. Tudo o resto é o detalhe, a chamada para ação ou a legenda.

2. 2

   Corta o título para oito palavras ou menos

   Se não cabe a 90 px em três linhas, é demasiado longo. Um tipo de letra de títulos robusto faz uma linha curta acertar mais.

3. 3

   Define os tamanhos como degraus

   Título, depois cerca de metade para o detalhe, depois menor outra vez para a chamada para ação.

4. 4

   Agrupa e coloca

   Empilha os três níveis juntos com espaçamento coerente, alinhados a uma borda ou ao centro.

5. 5

   Testa ao tamanho do telemóvel

   Afasta a tela até o post ter a largura de um telemóvel à distância de um braço. Se a ordem não for óbvia, aumenta os degraus.

Manter todos os níveis legíveis num fundo carregado

A hierarquia só funciona se os três níveis se puderem ler. O título costuma estar bem porque é grande; o detalhe e a chamada para ação é que falham no contraste, sobretudo sobre um gradiente ou uma foto. Coloca o grupo sobre a zona mais calma e verifica primeiro a linha mais pequena. Texto sobre um gradiente entra nas técnicas.

No Gradiently, o Mark por trás de um design sabe onde estão as palavras. A sua zona mais calma move-se para trás do texto e a tinta automática escolhe letra clara ou escura para cada linha, por isso uma pequena chamada para ação continua tão legível como o título. Define a hierarquia uma vez e depois faz uma versão para story ou LinkedIn a partir do mesmo design em vez de o refazeres.