# Branding de newsletter: cabeçalhos, cards e edição reconhecível

[Canonical HTML page](https://gradiently.design/pt-br/guide/newsletter-branding)

Uma caixa de entrada é uma lista de nomes e assuntos até alguém abrir o seu e-mail. Aí você tem a atenção de um cabeçalho para provar que esta é a newsletter que a pessoa assinou.

## The short version

- 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.

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

| Peça | Tamanho | Observações |
| --- | --- | --- |
| Cabeçalho de e-mail | 1200×600 px | Exibido com cerca de 600 px de largura na maioria das caixas de entrada |
| Cabeçalho de post do Substack | 1456×816 px | Também é a prévia de compartilhamento da edição |
| Prévia de link (Open Graph) | 1200×630 px | Para um arquivo próprio ou uma página de destino |
| Imagem de história do Medium | 1400×788 px | Se você publica em mais de um lugar |
| Post para o X | 1600×900 px | Card promocional de cada edição |
| Retrato para Instagram e LinkedIn | 1080×1350 px | Card promocional e cards de citação |
| Assinatura de e-mail | 600×200 px | Um banner pequeno com link para a inscrição |

Crie o cabeçalho com o dobro da largura de exibição para que fique nítido em telas de alta densidade.

- 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

Quatro formatos, uma publicação. O cabeçalho de e-mail é o mais largo e o mais baixo, então leva menos texto.

Os tamanhos de cada plataforma com mais detalhes estão em [tamanho do cabeçalho do Substack](https://gradiently.design/pt-br/guide/substack-header-size) e [design de cabeçalho de e-mail](https://gradiently.design/pt-br/guide/email-header-design). Se você também publica no LinkedIn, a capa de newsletter de lá segue regras próprias, tratadas em [capa de newsletter do LinkedIn](https://gradiently.design/pt-br/guide/linkedin-newsletter-cover).

## 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 largo de newsletter por e-mail com o texto A Cozinha Lenta, Edição 48, Domingo, e uma descrição curta

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.

- Edições de primavera: `linear-gradient(120deg, #fef3c7 0%, #a7f3d0 100%)`
- Edições de verão: `linear-gradient(120deg, #fde68a 0%, #fb923c 100%)`
- Edições de outono: `linear-gradient(120deg, #fed7aa 0%, #9a3412 100%)`
- Edições de inverno: `linear-gradient(120deg, #e0e7ff 0%, #475569 100%)`

Quatro fundos sazonais atrás de um título fixo. O leitor sente o ano passar enquanto a publicação continua a mesma.

## 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.

- Papel: #fbf7f0
- Tinta: #1f1a17
- Título ferrugem: #7c2d12
- Link âmbar: #d97706
- Divisor: #e7dccb

Uma paleta editorial quente. Papel e Tinta fazem a leitura; o ferrugem é para o nome, o âmbar só para links.

### 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](https://gradiently.design/pt-br/guide/gradients-in-email) 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.

Um card promocional em retrato com o texto Por que seu pão fica sem gosto, A Cozinha Lenta número 48

O card da edição para Instagram e LinkedIn: manchete, número da edição e onde ler.

Um card de citação horizontal com o texto Sal é uma questão de tempo, da edição desta semana

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](https://gradiently.design/pt-br/guide/quote-card-design).
- **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](https://gradiently.design/pt-br/guide/writing-copy-for-visuals) 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.

## FAQ

### 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.