Resumindo
- O branding de newsletter é um nome, um título, uma paleta e uma tipografia consistentes no próprio e-mail, no arquivo na web e nos cards que você compartilha para divulgar cada edição.
- Um cabeçalho de e-mail costuma ser criado com 1200×600 pixels e exibido com cerca de 600 pixels de largura, então as palavras precisam ser grandes e poucas.
- O cabeçalho de um post do Substack tem 1456×816 pixels e também vira a imagem de prévia quando uma edição é compartilhada.
- O sistema de título mais confiável mantém o nome e o layout fixos e muda uma única coisa por edição, como o número da edição, uma manchete ou uma cor sazonal.
- Cada edição merece dois ou três cards promocionais nos tamanhos das redes sociais, feitos a partir do mesmo layout para ficarem prontos em minutos.
Nesta página
O branding de newsletter é o que faz o leitor reconhecer sua edição antes de lê-la: o mesmo título no topo de todo e-mail, uma paleta e uma fonte que seguem para o seu arquivo na web e cards nas redes sociais que parecem vir da mesma publicação. Crie o cabeçalho do e-mail com 1200×600 pixels, o cabeçalho do post do Substack com 1456×816 e mantenha um layout fixo em que só os detalhes da edição mudam. Os leitores voltam a publicações que parecem estáveis, e um visual estável também deixa cada edição mais rápida de produzir.
Tamanhos de imagem para newsletter
Tamanho
Observações
Tamanho
Observações
Tamanho
Observações
Tamanho
Observações
Tamanho
Observações
Tamanho
Observações
Tamanho
Observações
Cabeçalho de e-mail 1200×600
1200 × 600
Cabeçalho do Substack 1456×816
1456 × 816
Card promocional 1080×1350
1080 × 1350
Card para o X 1600×900
1600 × 900
Os tamanhos de cada plataforma com mais detalhes estão em tamanho do cabeçalho do Substack e design de cabeçalho de e-mail. Se você também publica no LinkedIn, a capa de newsletter de lá segue regras próprias, tratadas em capa de newsletter do LinkedIn.
Crie um título que sirva a todas as edições
O título é o topo fixo da sua newsletter: o nome, talvez uma frase curta sobre o que ela é e os detalhes da edição. As revistas impressas usam essa ideia há mais de um século porque ela funciona. O leitor encontra o nome no mesmo lugar todas as vezes e o conteúdo abaixo pode mudar à vontade.
Um cabeçalho de e-mail: o nome grande, a edição e o dia pequenos acima, uma promessa de uma linha abaixo.
- 1
Fixe o nome e a posição
Mesma fonte, mesmo tamanho, mesmo lugar em todas as edições. Esta é a parte que o leitor aprende.
- 2
Escolha o que muda
Escolha uma variável: o número da edição, a data, uma manchete ou uma cor sazonal. Uma basta.
- 3
Mantenha o texto longe das bordas
Alguns apps de e-mail cortam ou redimensionam cabeçalhos. Mantenha as palavras nos 80 por cento do meio.
- 4
Escreva um texto alternativo de verdade
Alguns leitores têm as imagens desativadas por padrão. Um texto alternativo como “A Cozinha Lenta, edição 48” faz o título funcionar sem a imagem.
Se você muda uma coisa por edição, escolha algo com significado. Uma newsletter semanal de culinária pode mudar de cor com as estações; uma newsletter mensal de finanças pode colocar no cabeçalho o número mais importante do mês.
Uma paleta e uma tipografia que funcionam na caixa de entrada
A maior parte de uma newsletter é texto, então a tipografia importa mais que o cabeçalho. Use uma fonte de corpo legível, uma fonte de título distinta para o nome e uma cor de destaque para links e botões. Mantenha o texto do corpo escuro sobre claro: muitos leitores usam o modo escuro, e os apps de e-mail invertem cores de formas que você não controla totalmente.
Quebra nas caixas de entrada
- Palavras importantes embutidas numa imagem, sem texto alternativo
- Texto de corpo cinza claro e fino
- Um cabeçalho só de texto, sem respiro
- Imagens de fundo atrás do texto do corpo
Resiste nas caixas de entrada
- Texto real para tudo o que importa
- Texto de corpo com contraste forte nos modos claro e escuro
- Um cabeçalho com um nome claro e espaço ao redor
- Degradês só na imagem do cabeçalho
Os clientes de e-mail são rígidos com CSS, então os degradês pertencem à imagem do cabeçalho e não ao código. Degradês em e-mail explica quais abordagens sobrevivem em quais apps.
Cards promocionais para cada edição
A maioria das newsletters cresce com compartilhamentos e posts nas redes, e um link simples com uma prévia genérica é ignorado. Faça dois ou três cards por edição a partir de um modelo fixo: um com a manchete da edição, um com uma frase tirada de dentro dela e um card de inscrição que você reutiliza.
O card da edição para Instagram e LinkedIn: manchete, número da edição e onde ler.
Uma frase destacada para o X e o Bluesky. Curta, específica e um pouco surpreendente funciona melhor.
- Card da edição: a manchete e o número, publicados no dia do envio.
- Card de citação: uma frase de dentro, publicada um ou dois dias depois. Veja design de card de citação.
- Card de inscrição: o que o leitor recebe e com que frequência, fixado no seu perfil.
- Card de marco: edição 50, 100 ou um ano de envios.
Se você escreve toda semana, esta é a parte que vale automatizar. No Gradiently Pro, você pode manter uma lista de edições numa planilha e criar em lote um card para cada linha, ou criar um card e redimensioná-lo para todos os formatos em um só passo. A tinta automática escolhe texto claro ou escuro por linha a partir das cores do próprio fundo, então a manchete continua legível seja qual for a cor da estação. Como escrever textos para visuais ajuda com as próprias palavras.
Faça um visual só seu
As plataformas de newsletter dão a todos os mesmos poucos temas, então um cabeçalho marcante é um dos poucos lugares em que você pode se destacar. Um Mark do Gradiently é um fundo vivo que mais ninguém pode exportar depois que você o reserva, o que combina com uma publicação que quer um título inconfundível à medida que cresce.
Perguntas frequentes
Qual deve ser o tamanho do cabeçalho de uma newsletter por e-mail?
Crie com 1200×600 pixels. A maioria das caixas de entrada o exibe com cerca de 600 pixels de largura, e o arquivo maior fica nítido em telas de alta densidade.
Qual é o tamanho da imagem de cabeçalho do Substack?
O cabeçalho de um post do Substack tem 1456×816 pixels. Ele também vira a imagem de prévia quando o post é compartilhado.
Como faço minha newsletter parecer profissional?
Mantenha um título com seu nome no mesmo lugar em todas as edições, use uma fonte de título e uma fonte de corpo legível e limite a cor a um único destaque para links.
Devo mudar o cabeçalho da newsletter a cada edição?
Mantenha o nome e o layout fixos e mude só um elemento, como o número da edição, a manchete ou uma cor sazonal. O leitor reconhece a parte fixa.
Degradês funcionam em newsletters por e-mail?
Coloque os degradês na imagem do cabeçalho e não no CSS, porque muitos apps de e-mail ignoram degradês em CSS. Mantenha o texto do corpo como texto real, com contraste forte.
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