# Layout de texto para posts de redes sociais: título, detalhe e chamada

[Canonical HTML page](https://gradiently.design/pt-br/guide/text-hierarchy-social)

A maioria dos posts que parecem bagunçados tem as palavras certas na ordem errada e nos tamanhos errados. Três níveis, algumas regras de posição e um celular na distância do braço resolvem quase todos.

## The short version

- Um layout de texto claro para posts de redes sociais tem três níveis: um título, uma linha de detalhe e uma chamada para ação.
- Num post de 1080 pixels de largura, um título de 90 a 140 px, uma linha de detalhe de 48 a 64 px e uma chamada de cerca de 40 px são lidos bem no celular.
- Cada nível deve ser nitidamente menor que o de cima, de metade a dois terços do tamanho, para que a ordem seja óbvia num relance.
- Mantenha o título em cerca de oito palavras e ponha onde o olho pousa primeiro, em geral no terço superior ou no do meio.
- A chamada para ação é o texto mais discreto do post, porque a legenda e os botões da própria plataforma já convidam ao próximo passo.

O melhor **layout de texto para posts de redes sociais** usa três níveis e nenhum a 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 em seguida. Cada nível é nitidamente menor que o de cima e fica num lugar previsível. Quem rola o feed dá a um post um instante, e três níveis é mais ou menos o que um instante comporta.

## Exemplo: ordenando as palavras de um post

Uma floricultura quer anunciar as encomendas do Dia das Mães. O primeiro rascunho tem tudo num tamanho parecido: o nome da loja, "O Dia das Mães está chegando", "Encomende buquês online agora", "Entregamos em toda a cidade", "Encomende até quinta" e o endereço do site. Seis linhas disputando espaço fazem com que nada seja lido.

Ordenado, fica assim: título *Encomende até quinta.* (o que as pessoas precisam fazer), detalhe *Buquês montados à mão, entregues no domingo* (o que e quando), chamada *Link na bio* (onde). O nome da loja vai para um rótulo pequeno ou some, porque o perfil já o mostra.

Um post de floricultura em que o nome da loja, um anúncio e vários detalhes disputam em tamanhos parecidos

Antes: cada linha briga por atenção e o prazo fica enterrado.

O mesmo post da floricultura com um título grande dizendo Encomende até quinta e uma linha menor sobre a entrega no domingo

Depois: um título, uma linha de detalhe e a chamada deixada para a legenda.

## Tamanhos de fonte para título, detalhe e chamada

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

| Nível | Função | Tamanho em 1080 px de largura | Extensão |
| --- | --- | --- | --- |
| Linha de apoio (opcional) | Contexto: uma categoria, data ou nome de série | 28 a 32 px, maiúsculas, espaçadas | De uma a quatro palavras |
| Título | A única coisa que você quer que lembrem | 90 a 140 px, negrito ou seminegrito | Até cerca de oito palavras |
| Detalhe | O complemento: quando, onde, quanto, para quem | 48 a 64 px, regular | Uma linha, no máximo duas |
| Chamada para ação | O próximo passo | 40 a 44 px, médio | De duas a quatro palavras |

A linha de apoio é um quarto nível de bônus. Use para contexto, nunca para um segundo título.

O peso ajuda tanto quanto o tamanho. Um título em negrito e uma linha de detalhe regular se separam bem mesmo quando os tamanhos estão mais próximos do que você gostaria. Mais sobre dimensionar para celular em [tamanho de fonte para redes sociais](https://gradiently.design/pt-br/guide/font-size-for-social-media), e a teoria geral está em [hierarquia visual](https://gradiently.design/pt-br/guide/visual-hierarchy).

## Onde colocar cada nível

As pessoas leem um post como leem uma página: de cima para baixo, do começo ao fim da linha. Então o título vai no alto ou no meio, o detalhe logo embaixo e a chamada por último, perto da base. Mantenha os três juntos, como um grupo; espalhá-los pelos cantos faz o olho procurar.

- Post vertical 1080×1350: 1080 × 1350
- Post quadrado 1080×1080: 1080 × 1080
- Story 1080×1920: 1080 × 1920
- Post do LinkedIn 1200×1200: 1200 × 1200

Quatro formatos comuns. No story, mantenha os três níveis entre cerca de 250 px do topo e 250 px da base, onde fica a interface.

- **Vertical 1080×1350**: título no terço superior ou centralizado, detalhe abaixo, chamada perto da base com uma margem de pelo menos 80 px.
- **Quadrado 1080×1080**: centralize o grupo ou alinhe-o a um lado; a grade do perfil mostra uma prévia recortada de cada post, então mantenha o título longe das bordas de cima e de baixo.
- **Story 1080×1920**: título logo abaixo da linha segura do topo, chamada acima do campo de resposta. [Zonas seguras das redes sociais](https://gradiently.design/pt-br/guide/social-media-safe-zones) tem o mapa.
- **Primeiro slide de carrossel**: só o título, mais uma pequena seta ou um sinal de "Deslize". Os detalhes vão no slide dois; [design de carrossel para Instagram](https://gradiently.design/pt-br/guide/instagram-carousel-design) cobre o resto.

## Erros comuns de layout de texto em posts sociais

### Evite

- Título e detalhe quase do mesmo tamanho
- O nome da marca como o maior texto
- Uma chamada mais alta que o título
- Texto empurrado para os cantos e bordas
- Cinco ou mais linhas de texto corrido num slide
- Centralizar parágrafos longos

### Faça

- Uma diferença clara de tamanho entre os níveis
- A mensagem como maior texto; o logo pequeno
- Uma chamada discreta, perto do detalhe
- Margens generosas, de uns 80 a 100 px
- Conteúdo longo dividido em slides de carrossel
- Texto alinhado à esquerda quando passa de duas linhas

A chamada para ação merece uma palavra. No Instagram, a legenda e os botões de curtir, comentar e compartilhar ficam logo abaixo da imagem, e "link na bio" é entendido por todos. Por isso a chamada na própria imagem pode ser pequena. Só a faça alta quando a ação for o ponto principal, como o prazo de uma promoção.

## Como diagramar o texto de um post social em cinco passos

1. **Escreva tudo e depois ordene** Ponha a única coisa em primeiro lugar. Todo o resto é detalhe, chamada ou legenda.
2. **Reduza o título a oito palavras ou menos** Se não cabe a 90 px em três linhas, está longo demais. Uma [fonte de título](https://gradiently.design/pt-br/guide/headline-fonts) robusta faz uma linha curta bater mais forte.
3. **Defina os tamanhos como degraus** Título, depois cerca de metade disso para o detalhe, e menor de novo para a chamada.
4. **Agrupe e posicione** Empilhe os três níveis juntos com espaçamento consistente, alinhados a uma borda ou ao centro.
5. **Teste no tamanho do celular** Afaste o zoom da tela até o post ficar com a largura de um celular na distância do braço. Se a ordem não for óbvia, aumente os degraus.

Um post vertical de promoção com 40% de desconto bem grande, uma pequena linha de apoio Só no fim de semana e uma linha de detalhe sobre velas

Quando o número é a notícia, ele vira o título e as palavras viram o detalhe.

## Mantendo cada nível legível sobre um fundo agitado

A hierarquia só funciona se os três níveis puderem ser lidos. O título costuma ir bem porque é grande; o detalhe e a chamada são onde o contraste falha, sobretudo sobre um gradiente ou uma foto. Ponha o grupo sobre a área mais calma e confira primeiro a linha menor. [Texto sobre gradiente](https://gradiently.design/pt-br/guide/text-on-gradient) entra nas técnicas.

No Gradiently, o Mark por trás de um design sabe onde estão as palavras. Sua região mais calma se move para trás do texto e a Tinta automática escolhe tipo claro ou escuro para cada linha, então uma chamada pequena continua tão legível quanto o título. Defina a hierarquia uma vez e depois crie uma versão em story ou para o LinkedIn a partir do mesmo design, sem refazer tudo.

## FAQ

### Quanto texto deve ter um post do Instagram?

Um título de até cerca de oito palavras e uma linha de detalhe é o ideal. Explicações mais longas pertencem à legenda ou a slides extras de carrossel.

### Qual deve ser o tamanho da fonte do título num post de redes sociais?

Num post de 1080 pixels de largura, de 90 a 140 px para o título, de 48 a 64 px para uma linha de detalhe e cerca de 40 px para a chamada para ação.

### Onde a chamada para ação deve ficar num post social?

Perto da base, junto da linha de detalhe e dentro da área segura. Num story, mantenha-a acima do campo de resposta.

### O texto dos posts sociais deve ser centralizado ou alinhado à esquerda?

Centralize títulos curtos de uma a três linhas. Alinhe à esquerda o que for mais longo, porque linhas centralizadas irregulares são mais difíceis de ler.