Resumindo
- 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.
Nesta página
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.
Antes: cada linha briga por atenção e o prazo fica enterrado.
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.
Função
Tamanho em 1080 px de largura
Extensão
Tamanho em 1080 px de largura
Extensão
Tamanho em 1080 px de largura
Extensão
Função
Tamanho em 1080 px de largura
Extensão
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, e a teoria geral está em hierarquia visual.
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
- 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 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 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 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.
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 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.
Perguntas frequentes
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.
Escrito pelo Gradiently
A equipe por trás do Gradiently, uma ferramenta de design criada em torno dos Marks: gradientes vivos que fazem tudo o que você cria ter a sua cara.
Ver nosso perfil