# Exemplos de e-mail marketing: 9 tipos e 8 layouts para copiar

> Nove tipos de e-mail marketing e oito layouts, cada um com modelo em HTML e prompt para copiar, feitos com a identidade do Club Martech.

- Tipo: Artigo
- Autor: Dionatha Rodrigues
- Publicado em: 2026-11-02 · Atualizado em: 2026-11-02
- URL: https://clubmartech.com.br/blog/exemplos-de-email-marketing/

Quem assa um bolo escolhe duas coisas antes de ligar o forno: a receita e a forma. A receita decide o sabor; a forma decide como a massa se distribui. Nos exemplos de e-mail marketing acontece o mesmo. O tipo de e-mail é a receita (para quê você escreve) e o layout é a forma (como a mensagem se organiza na tela).

Este artigo reúne exemplos de e-mail marketing nas duas camadas. De um lado, os nove tipos descritos pela [mLabs](https://www.mlabs.com.br/blog/email-marketing-exemplo/), de boas-vindas a usuários inativos. Do outro, os oito layouts apresentados pela [LINK Mobility](https://www.linkmobility.com/blog/the-8-email-marketing-templates-every-brand-should-have), de texto puro a feed dinâmico. Todos foram refeitos com a identidade do Club Martech e têm prévia, HTML pronto para copiar e um prompt para gerar a sua versão com um assistente de IA.

Antes de montar qualquer coisa, vale ler a próxima seção: ela evita o erro mais comum, que é escolher o layout bonito primeiro e descobrir depois que a mensagem não cabe nele.

## Tipo e layout são duas escolhas, nessa ordem

O tipo responde para quê você escreve: acolher, anunciar, vender, confirmar, reativar. O layout responde como a mensagem se organiza: uma coluna, duas colunas, zigue-zague. A mesma boas-vindas pode sair em texto puro ou em grade, e o mesmo layout de duas colunas serve a uma newsletter e a um lançamento.

Quem inverte a ordem encaixa a mensagem na forma que já tinha. O resultado aparece rápido: uma promoção em texto puro passa despercebida, e uma confirmação de compra com banner gigante atrasa quem só queria ver o número do pedido. Primeiro o objetivo, depois o tipo, depois o layout.

![Fluxo em quatro etapas: objetivo, tipo, layout e modelo de e-mail, com exemplos ilustrativos](https://clubmartech.com.br/wp-content/uploads/2026/11/art1-tipo-layout.png)

*A ordem das escolhas: do objetivo ao modelo. Os exemplos de cada etapa são ilustrativos, sem dado de pesquisa.*

Uma pergunta resolve a maior parte das dúvidas dessa etapa: *"qual é o objetivo deste e-mail, em uma frase?"* Se a resposta precisa de duas frases, provavelmente são dois e-mails.

## Nove tipos de exemplos de e-mail marketing, um para cada objetivo

Cada tipo traz o objetivo, quando usar, a estrutura na ordem em que os blocos entram, um assunto de exemplo e uma dica. A prévia mostra como o modelo fica com a marca, nos modos claro e escuro, e os botões entregam o HTML e o prompt.

Tipo 1

### E-mail de boas-vindas

**Objetivo.** Acolher quem acabou de entrar e mostrar o que fazer primeiro.

#### Quando usar

Logo depois do cadastro, da compra ou da ativação. É o primeiro contato depois do sim: use a atenção para criar o hábito de abrir os próximos.

#### Estrutura

1. Saudação com o nome e uma frase de acolhimento
2. O que a pessoa encontra e onde (quatro portas do site)
3. Um próximo passo, com botão
4. Assinatura de quem manda

**Modelo de exemplo.** Assunto: Boas-vindas ao Club Martech.

**Dica.** Mostre o caminho, não o catálogo. Quatro opções já é o limite.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de boas-vindas".
Objetivo: Acolher quem acabou de entrar e mostrar o que fazer primeiro.
Exemplo de uso: Assunto: Boas-vindas ao Club Martech

ESTRUTURA (nesta ordem)
1. Saudação com o nome e uma frase de acolhimento
2. O que a pessoa encontra e onde (quatro portas do site)
3. Um próximo passo, com botão
4. Assinatura de quem manda

DIREÇÃO VISUAL
Cabeçalho claro com logo. Grade 2 × 2 de cartões, cada um com objeto 3D, título, resumo e link. Faixa de comunidade e uma menção leve à formação. Assinatura com foto.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 2

### E-mail de lançamento

**Objetivo.** Anunciar algo novo e aproveitar a expectativa que já existe.

#### Quando usar

Ferramenta, material, turma ou funcionalidade nova, depois de um aviso prévio à base.

#### Estrutura

1. Rótulo "novo" e título que diz o que muda
2. O que faz, por que importa e o que muda para você
3. Data, horário ou como acessar
4. Um botão

**Modelo de exemplo.** Assunto: Novo no site: gerador de UTMs em massa.

**Dica.** Se o lançamento é um evento online, coloque data e horário no primeiro bloco.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de lançamento".
Objetivo: Anunciar algo novo e aproveitar a expectativa que já existe.
Exemplo de uso: Assunto: Novo no site: gerador de UTMs em massa

ESTRUTURA (nesta ordem)
1. Rótulo "novo" e título que diz o que muda
2. O que faz, por que importa e o que muda para você
3. Data, horário ou como acessar
4. Um botão

DIREÇÃO VISUAL
Cabeçalho claro, imagem do produto em destaque, três benefícios em linha e botão único.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 3

### E-mail promocional

**Objetivo.** Vender com uma oferta clara, condição real e prazo verdadeiro.

#### Quando usar

Campanha com desconto, bônus ou condição especial que realmente existe.

#### Estrutura

1. Condição da oferta em destaque
2. Cupom ou código, com validade real
3. O que está incluído
4. Um botão

**Modelo de exemplo.** Assunto: [NOME_DA_CAMPANHA]: [CONDICAO] na formação.

**Dica.** Urgência só com prazo verdadeiro. Sem prazo real, tire a contagem.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail promocional".
Objetivo: Vender com uma oferta clara, condição real e prazo verdadeiro.
Exemplo de uso: Assunto: [NOME_DA_CAMPANHA]: [CONDICAO] na formação

ESTRUTURA (nesta ordem)
1. Condição da oferta em destaque
2. Cupom ou código, com validade real
3. O que está incluído
4. Um botão

DIREÇÃO VISUAL
Faixa de degradê violeta com a condição, caixa de cupom tracejada, lista do que está incluído e botão centralizado.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 4

### E-mail transacional

**Objetivo.** Dar segurança depois de uma compra ou ação.

#### Quando usar

Confirmação de pedido, cobrança, acesso ou recibo: o e-mail que a pessoa espera receber.

#### Estrutura

1. Confirmação no título
2. Dados principais em linhas fáceis de achar (número, valor, data)
3. Próximos passos
4. Contato, sem link de cancelamento

**Modelo de exemplo.** Assunto: Pedido [NUMERO_DO_PEDIDO] confirmado.

**Dica.** É execução de contrato: não ponha oferta no meio nem trate como marketing. O rodapé não leva cancelamento.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail transacional".
Objetivo: Dar segurança depois de uma compra ou ação.
Exemplo de uso: Assunto: Pedido [NUMERO_DO_PEDIDO] confirmado

ESTRUTURA (nesta ordem)
1. Confirmação no título
2. Dados principais em linhas fáceis de achar (número, valor, data)
3. Próximos passos
4. Contato, sem link de cancelamento

DIREÇÃO VISUAL
Cabeçalho claro, cartão de dados do pedido com total em destaque, passos seguintes em lista numerada e botão para a área do cliente.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
- É um e-mail transacional: o rodapé tem identificação e contato, sem link de cancelamento. Inclua o JSON-LD do tipo Order para o Gmail, com valores iguais aos do corpo.

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 5

### E-mail de conversão

**Objetivo.** Levar a pessoa a uma única ação, como baixar um material ou agendar uma conversa.

#### Quando usar

Material rico, demonstração ou inscrição, com um destino só.

#### Estrutura

1. Problema em uma frase
2. O que custa continuar assim
3. Solução em uma frase
4. Um botão, repetido uma vez no fim

**Modelo de exemplo.** Assunto: O sistema que você opera, mas ninguém te mostrou.

**Dica.** Menos é mais: um destino e poucos links, todos apontando para o mesmo lugar.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de conversão".
Objetivo: Levar a pessoa a uma única ação, como baixar um material ou agendar uma conversa.
Exemplo de uso: Assunto: O sistema que você opera, mas ninguém te mostrou

ESTRUTURA (nesta ordem)
1. Problema em uma frase
2. O que custa continuar assim
3. Solução em uma frase
4. Um botão, repetido uma vez no fim

DIREÇÃO VISUAL
Texto curto em coluna única, título forte, uma frase de destaque em violeta-escuro e o botão duas vezes.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 6

### E-mail informativo (newsletter)

**Objetivo.** Manter a relação com conteúdo útil, sem vender em toda edição.

#### Quando usar

Rotina semanal ou mensal de novidades, mercado e leituras.

#### Estrutura

1. Destaque com imagem
2. Três itens curtos com tema, título e link
3. Assinatura

**Modelo de exemplo.** Assunto: UX que converte, MCP e o site operado por agentes.

**Dica.** Ordene pelo que mais importa para o leitor, não pelo que você publicou primeiro.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail informativo (newsletter)".
Objetivo: Manter a relação com conteúdo útil, sem vender em toda edição.
Exemplo de uso: Assunto: UX que converte, MCP e o site operado por agentes

ESTRUTURA (nesta ordem)
1. Destaque com imagem
2. Três itens curtos com tema, título e link
3. Assinatura

DIREÇÃO VISUAL
Cabeçalho claro, destaque com imagem e texto, três itens com ícone na cor do tema (pílula de tema), assinatura com foto.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 7

### E-mail de datas especiais

**Objetivo.** Fortalecer a relação em uma data comemorativa.

#### Quando usar

Aniversário do cliente, dia da profissão, aniversário da comunidade.

#### Estrutura

1. Felicitação com o nome
2. Imagem afetiva
3. Presente real (opcional)
4. Botão

**Modelo de exemplo.** Assunto: [FELICITACAO], [PRIMEIRO_NOME].

**Dica.** Sem presente real, deixe só a felicitação. Presente inventado queima a confiança.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de datas especiais".
Objetivo: Fortalecer a relação em uma data comemorativa.
Exemplo de uso: Assunto: [FELICITACAO], [PRIMEIRO_NOME]

ESTRUTURA (nesta ordem)
1. Felicitação com o nome
2. Imagem afetiva
3. Presente real (opcional)
4. Botão

DIREÇÃO VISUAL
Objeto 3D em cartão branco, rótulo da data, título curto, cartão opcional com o presente e botão.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 8

### E-mail de vitrine (e-commerce)

**Objetivo.** Apresentar vários itens de forma organizada, sem misturar tudo.

#### Quando usar

Loja, catálogo de ferramentas ou biblioteca de conteúdo.

#### Estrutura

1. Introdução curta
2. Grupos por tema, cada um com pílula de tema
3. Dois cartões por grupo com imagem, título, resumo e link

**Modelo de exemplo.** Assunto: Ferramentas e leituras por tema.

**Dica.** Agrupe por tema. Promoções temáticas funcionam melhor que uma grade de itens sem relação.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail de vitrine (e-commerce)".
Objetivo: Apresentar vários itens de forma organizada, sem misturar tudo.
Exemplo de uso: Assunto: Ferramentas e leituras por tema

ESTRUTURA (nesta ordem)
1. Introdução curta
2. Grupos por tema, cada um com pílula de tema
3. Dois cartões por grupo com imagem, título, resumo e link

DIREÇÃO VISUAL
Pílulas de tema com a cor do módulo, cartões 2 × 1 com objeto 3D, título e link. Se houver preço, use a variável [PRECO_REAL].

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Tipo 9

### E-mail para usuários inativos

**Objetivo.** Reconquistar quem parou de abrir os e-mails.

#### Quando usar

Depois de um período sem abertura ou clique.

#### Estrutura

1. Reconhecer o silêncio sem culpar a pessoa
2. Pergunta de permissão
3. Três saídas claras: continuar, mudar a frequência ou sair

**Modelo de exemplo.** Assunto: Ainda faz sentido a gente aparecer aqui?.

**Dica.** Dar a saída também limpa a base e protege a entrega.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "E-mail para usuários inativos".
Objetivo: Reconquistar quem parou de abrir os e-mails.
Exemplo de uso: Assunto: Ainda faz sentido a gente aparecer aqui?

ESTRUTURA (nesta ordem)
1. Reconhecer o silêncio sem culpar a pessoa
2. Pergunta de permissão
3. Três saídas claras: continuar, mudar a frequência ou sair

DIREÇÃO VISUAL
Carta curta, sem imagem, com três botões de resposta e a assinatura.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Três cuidados valem para quase todos os tipos. Os de boas-vindas e de lançamento costumam sair de uma [automação de marketing](https://clubmartech.com.br/significado/automacao-de-marketing/): o disparo nasce de uma ação da pessoa, não de uma data no calendário. Todo e-mail de marketing depende de uma base captada com consentimento, e o texto sobre [opt-in e captação de contatos](https://clubmartech.com.br/blog/opt-in-captar-contatos-consentimento/) mostra como fazer isso sem atalho. E o e-mail para inativos funciona melhor quando você escolhe quem reativar pela recência, como no texto sobre [reativação por recência](https://clubmartech.com.br/blog/reativacao-por-recencia/), em vez de mandar o mesmo desconto para a lista inteira.

## Oito layouts para organizar a mensagem

Os layouts não dizem o que escrever, e sim onde cada coisa vai. Todos empilham em uma coluna no celular e usam as mesmas peças: cartões com contorno, botão arredondado e objetos 3D.

Layout 1

### Layout texto puro

**Objetivo.** Parecer uma mensagem escrita por uma pessoa.

#### Quando usar

Confirmações, redefinição de senha, boas-vindas e contato pessoal.

#### Estrutura

1. Saudação com o nome
2. Parágrafos curtos, com espaço entre as ideias
3. Uma frase em negrito para o ponto principal
4. Assinatura com foto

**Modelo de exemplo.** Assunto: Uma pergunta rápida, [PRIMEIRO_NOME].

**Dica.** Frases curtas e uma ideia por parágrafo. Negrito só no que importa.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout texto puro".
Objetivo: Parecer uma mensagem escrita por uma pessoa.
Exemplo de uso: Assunto: Uma pergunta rápida, [PRIMEIRO_NOME]

ESTRUTURA (nesta ordem)
1. Saudação com o nome
2. Parágrafos curtos, com espaço entre as ideias
3. Uma frase em negrito para o ponto principal
4. Assinatura com foto

DIREÇÃO VISUAL
Sem imagens de conteúdo. Só o cabeçalho com o ícone do Marc, texto em coluna única e a assinatura com foto. Rodapé em estilo carta.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".
- Rodapé em estilo carta (linha fina acima, texto pequeno).

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 2

### Layout uma coluna

**Objetivo.** Dizer uma coisa só e levar a uma ação.

#### Quando usar

Boas-vindas, promoção e reengajamento.

#### Estrutura

1. Imagem
2. Rótulo e título
3. Texto curto
4. Botão

**Modelo de exemplo.** Assunto: Seus links de campanha, no padrão.

**Dica.** Sem barra lateral e sem imagem competindo com o botão. Confira no celular.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout uma coluna".
Objetivo: Dizer uma coisa só e levar a uma ação.
Exemplo de uso: Assunto: Seus links de campanha, no padrão

ESTRUTURA (nesta ordem)
1. Imagem
2. Rótulo e título
3. Texto curto
4. Botão

DIREÇÃO VISUAL
Objeto 3D em cartão branco centralizado, rótulo, título de 34 px, frase de apoio e um botão centralizado.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 3

### Layout duas colunas

**Objetivo.** Mostrar dois assuntos lado a lado.

#### Quando usar

Newsletter e atualizações com vários temas.

#### Estrutura

1. Introdução em uma coluna
2. Dois cartões lado a lado (empilham no celular)
3. Cada cartão com imagem, tema, título, resumo e link

**Modelo de exemplo.** Assunto: Dois assuntos, um e-mail.

**Dica.** Posicione os links onde o olhar chega e ofereça mais de um próximo passo sem sobrecarregar.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout duas colunas".
Objetivo: Mostrar dois assuntos lado a lado.
Exemplo de uso: Assunto: Dois assuntos, um e-mail

ESTRUTURA (nesta ordem)
1. Introdução em uma coluna
2. Dois cartões lado a lado (empilham no celular)
3. Cada cartão com imagem, tema, título, resumo e link

DIREÇÃO VISUAL
Cartões com raio de 16 px e fio de 1 px, objeto 3D, pílula de tema e link com seta. Na tela pequena, os cartões empilham.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 4

### Layout híbrido

**Objetivo.** Abrir forte e detalhar em blocos.

#### Quando usar

Evento e anúncio de produto.

#### Estrutura

1. Cabeçalho largo, em coluna única, com o assunto principal
2. Bloco de data e horário
3. Dois blocos em duas colunas com texto curto
4. Botão

**Modelo de exemplo.** Assunto: Aula ao vivo: [TEMA_DA_AULA].

**Dica.** Visualize em computador e celular antes de enviar.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout híbrido".
Objetivo: Abrir forte e detalhar em blocos.
Exemplo de uso: Assunto: Aula ao vivo: [TEMA_DA_AULA]

ESTRUTURA (nesta ordem)
1. Cabeçalho largo, em coluna única, com o assunto principal
2. Bloco de data e horário
3. Dois blocos em duas colunas com texto curto
4. Botão

DIREÇÃO VISUAL
Faixa preta com pílula, título branco e bloco de data. Abaixo, dois cartões lado a lado e botão centralizado.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 5

### Layout pirâmide invertida

**Objetivo.** Entregar a informação mais forte primeiro e estreitar até a ação.

#### Quando usar

Oferta de um item ou destaque de um produto.

#### Estrutura

1. Título grande ou imagem forte, de ponta a ponta
2. Uma frase que constrói interesse, em coluna mais estreita
3. Prazo
4. Botão, na coluna mais estreita

**Modelo de exemplo.** Assunto: [NOME_DA_CAMPANHA]: [CONDICAO].

**Dica.** Um objetivo. Cada elemento reforça o botão.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout pirâmide invertida".
Objetivo: Entregar a informação mais forte primeiro e estreitar até a ação.
Exemplo de uso: Assunto: [NOME_DA_CAMPANHA]: [CONDICAO]

ESTRUTURA (nesta ordem)
1. Título grande ou imagem forte, de ponta a ponta
2. Uma frase que constrói interesse, em coluna mais estreita
3. Prazo
4. Botão, na coluna mais estreita

DIREÇÃO VISUAL
Faixa de degradê violeta com título de 40 px, frase central com margens maiores e botão com margens ainda maiores.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 6

### Layout zigue-zague

**Objetivo.** Alternar imagem e texto para guiar o olhar em Z.

#### Quando usar

Resumos semanais, dicas e lançamentos com vários itens.

#### Estrutura

1. Título geral
2. Linha 1: imagem à esquerda, texto à direita
3. Linha 2: texto à esquerda, imagem à direita
4. Linha 3: como a primeira

**Modelo de exemplo.** Assunto: Três coisas novas no site.

**Dica.** Coloque o mais importante no topo e use espaço em branco entre as linhas.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout zigue-zague".
Objetivo: Alternar imagem e texto para guiar o olhar em Z.
Exemplo de uso: Assunto: Três coisas novas no site

ESTRUTURA (nesta ordem)
1. Título geral
2. Linha 1: imagem à esquerda, texto à direita
3. Linha 2: texto à esquerda, imagem à direita
4. Linha 3: como a primeira

DIREÇÃO VISUAL
Objetos 3D em cartões brancos de 140 px alternando de lado, com rótulo, título, texto curto e link.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 7

### Layout padrão em F

**Objetivo.** Facilitar a leitura em diagonal de um e-mail com muito conteúdo.

#### Quando usar

Newsletters longas, resumo de blog e anúncios com várias seções.

#### Estrutura

1. Título e resumo no topo, com botão
2. Itens alinhados à esquerda, cada um com ícone, tema, título, resumo e link
3. Subtítulos curtos que dizem o que vem depois
4. Assinatura

**Modelo de exemplo.** Assunto: O que saiu no Club Martech neste mês.

**Dica.** A informação-chave vai no topo. Subtítulos e blocos curtos ajudam quem lê rápido.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout padrão em F".
Objetivo: Facilitar a leitura em diagonal de um e-mail com muito conteúdo.
Exemplo de uso: Assunto: O que saiu no Club Martech neste mês

ESTRUTURA (nesta ordem)
1. Título e resumo no topo, com botão
2. Itens alinhados à esquerda, cada um com ícone, tema, título, resumo e link
3. Subtítulos curtos que dizem o que vem depois
4. Assinatura

DIREÇÃO VISUAL
Ícones de texto em quadrado arredondado com a cor do tema, pílula de tema, rótulo do tipo e link com seta. Tudo alinhado à esquerda.

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

Layout 8

### Layout feed dinâmico

**Objetivo.** Mostrar itens atualizados automaticamente a partir de um feed.

#### Quando usar

Recomendações, carrinho abandonado, novidades e promoções sazonais.

#### Estrutura

1. Cabeçalho simples e mensagem curta
2. Grade 2 × 2 preenchida por variáveis do feed
3. Cada item com imagem, título, resumo e link

**Modelo de exemplo.** Assunto: [PRIMEIRO_NOME], quatro leituras para a sua semana.

**Dica.** Conecte o modelo ao catálogo ou ao RSS e personalize por comportamento. Mantenha o feed atualizado.

```
Você é especialista em e-mail marketing (copy e HTML de e-mail) do Club Martech, escola de formação em martech.

TAREFA
Crie o HTML completo de um e-mail do tipo "Layout feed dinâmico".
Objetivo: Mostrar itens atualizados automaticamente a partir de um feed.
Exemplo de uso: Assunto: [PRIMEIRO_NOME], quatro leituras para a sua semana

ESTRUTURA (nesta ordem)
1. Cabeçalho simples e mensagem curta
2. Grade 2 × 2 preenchida por variáveis do feed
3. Cada item com imagem, título, resumo e link

DIREÇÃO VISUAL
Quatro cartões iguais com objeto 3D, título, resumo e link. Os textos são merge tags do feed, como [ITEM_1_TITULO], [ITEM_1_RESUMO] e [ITEM_1_LINK].

COPY
- Português do Brasil, tom direto, casual e interdisciplinar. Trate por "você"; "a gente", nunca "nós".
- Um objetivo por e-mail e no máximo dois botões; o rótulo do botão diz o ganho.
- Assunto de até 50 caracteres e preheader de até 90, que se complementam.
- Não invente número, prova, depoimento, prazo ou urgência. O que não foi informado fica como variável entre colchetes, por exemplo [PRIMEIRO_NOME], [DATA_REAL], [LINK_CTA].
- Sem emoji. Nunca use "imperdível", "revolucionário" nem "solução completa".

IDENTIDADE VISUAL
- Cores: violeta #7B63FF (ação), violeta-escuro #4B3C9C (destaque de texto), violeta-claro #9B8AFF (fios e contornos), preto #000000 e branco #FFFFFF.
- Fonte Work Sans com Arial de reserva. Títulos peso 600, corpo 400 em 16 px com entrelinha 1,65. Nada acima de 600, exceto o texto do botão.
- Botão totalmente arredondado, 50 px de altura. Cartões com raio de 16 px e fio de 1 px em #9B8AFF. Espaços em múltiplos de 8.

TÉCNICA
- Largura 600 px. Estrutura em tabelas com role="presentation" e CSS inline em todo elemento. O <style> do <head> só para reset, regras para celular (max-width 620px) e modo escuro.
- Botão com VML para Outlook (<!--[if mso]>) e <a> estilizado para os demais clientes.
- Preheader oculto, lang="pt-BR", <title> igual ao assunto e alt em toda imagem. Nenhuma informação crítica só em imagem.
- Modo escuro: prefers-color-scheme e [data-ogsc]; declare color-scheme e supported-color-schemes.
- HTML abaixo de 100 KB.
- Links do site com UTM: utm_source=email&utm_medium=[MIDIA]&utm_campaign=[CAMPANHA]&utm_content=[POSICAO_DO_LINK].
- Rodapé de marketing com o motivo do recebimento ("Você recebe este e-mail porque se cadastrou em clubmartech.com.br e aceitou receber comunicações do Club Martech."), identificação (Club Martech · CNPJ 35.814.594/0001-59 · Belo Horizonte, MG), contato@clubmartech.com.br e link de cancelamento [LINK_DESCADASTRO].
- Imagens com src "[URL_PUBLICA_DAS_IMAGENS]/nome-do-arquivo.jpg".

ENTREGA
Devolva só o código HTML, em um único bloco, e depois uma lista curta das variáveis que preciso preencher.
```

O que os layouts não resolvem: um layout de duas colunas não dá foco a uma mensagem confusa, e os mais ricos (zigue-zague, híbrido e feed) pesam mais e quebram com mais facilidade no Outlook. Na dúvida entre dois, fique com o mais simples e deixe o teste de envio decidir.

## O que vale para todos os modelos

As duas referências repetem a mesma ideia: consistência. Mantenha cores, tipografia e estrutura entre as campanhas, use um botão em contraste com o fundo e deixe o espaço em branco guiar o olhar. Na construção, os modelos seguem estas regras:

- **Largura de 600 px**, com tabelas e CSS inline, para sobreviver a Gmail, Outlook e Apple Mail.
- **Botão com VML** para o Outlook de computador, com pelo menos 44 px de altura e no máximo dois botões por e-mail.
- **Preheader** oculto de até 90 caracteres, que completa o assunto.
- **Modo escuro** por prefers-color-scheme e pelos atributos do Outlook.com. O logo troca sozinho, e a prévia de cada modelo mostra os dois modos.
- **Rodapé conforme o tipo.** O de marketing leva o motivo do recebimento, a identificação e o cancelamento; o transacional leva identificação e contato, sem cancelamento.
- **UTM nos links do site**, com origem, mídia, campanha e conteúdo, e nenhum dado pessoal na URL.
- **HTML abaixo de 100 KB.** O limite mais citado para o Gmail cortar a mensagem é de cerca de 102 KB, mas ele varia com o cliente e o conteúdo; confirme no seu teste de envio.
- **Teste** em Gmail, Outlook (computador e web), Apple Mail e celular antes do envio.

Nada disso adianta se a mensagem não chega. E-mail que sai de um domínio sem [SPF](https://clubmartech.com.br/significado/spf/) e [DKIM](https://clubmartech.com.br/significado/dkim/) configurados tende a cair no spam, por melhor que seja o HTML. O texto sobre [cadência comercial e entregabilidade](https://clubmartech.com.br/blog/cadencia-comercial-entregabilidade/) explica como cuidar da lista e da reputação do remetente.

## Como usar o HTML e o prompt

Cada modelo tem dois caminhos de uso. A imagem abaixo ajuda a escolher o que combina com o seu momento.

![Comparação entre copiar o HTML pronto e copiar o prompt: quando usar, o que você recebe, o que faz e o cuidado](https://clubmartech.com.br/wp-content/uploads/2026/11/art1-html-ou-prompt.png)

*Copiar o HTML ou copiar o prompt: quando cada caminho serve, o que você recebe, o que faz e o cuidado de cada um.*

1. **Copiar HTML.** Clique no botão, abra o editor de HTML da sua plataforma de envio e cole. Troque as variáveis entre colchetes, como [PRIMEIRO_NOME], pelas da plataforma, com valor padrão. As imagens dos modelos já estão hospedadas no Club Martech; para usar as suas, troque os endereços do atributo src.
2. **Copiar prompt.** Cole o prompt em um assistente de IA, como ChatGPT, Claude ou Gemini. Ele devolve o HTML e a lista de variáveis a preencher. Use quando quiser a mesma estrutura com outra copy, outro produto ou outra marca: troque o objetivo e o exemplo e ajuste a identidade visual no bloco de identidade.

Texto e imagem gerados por IA passam por revisão humana antes do envio. E-mail de marketing só sai para quem aceitou receber: sem base legal e consentimento, não há disparo. Confira cada colchete antes de enviar, porque nenhum pode sobrar.

## Qual modelo escolher primeiro

Comece pelo objetivo da próxima campanha e use a tabela como ponto de partida. Os layouts sugeridos são o caminho mais simples, não o único.

| Objetivo | Tipo | Layout para começar |
| --- | --- | --- |
| Acolher quem entrou | Boas-vindas | Uma coluna ou texto puro |
| Anunciar uma novidade | Lançamento | Híbrido |
| Vender com uma oferta | Promocional | Pirâmide invertida |
| Confirmar uma ação | Transacional | Texto puro ou uma coluna |
| Levar a uma ação | Conversão | Uma coluna |
| Manter a relação | Informativo | Duas colunas ou padrão em F |
| Comemorar uma data | Datas especiais | Uma coluna |
| Mostrar vários itens | Vitrine | Feed dinâmico ou zigue-zague |
| Reativar quem sumiu | Usuários inativos | Texto puro |

## Próximos passos para montar o seu primeiro e-mail

Pegue a próxima campanha que já está na sua agenda e escreva o objetivo dela em uma frase. Com a frase pronta, ache o tipo na tabela, abra o layout sugerido, copie o HTML e troque só o texto, as imagens e os links. Antes de enviar, rode o teste nos quatro clientes e confira se nenhum colchete sobrou.

Quando esse básico estiver de pé, o segundo artigo desta série mostra dez estruturas mais elaboradas: [Modelos de e-mail elaborados: 10 estruturas visuais para copiar](https://clubmartech.com.br/blog/modelos-de-email-elaborados/). E, se você ainda hesita sobre qual ferramenta vai enviar tudo isso, o texto sobre [como escolher ferramentas inteligentes para e-mail](https://clubmartech.com.br/blog/ferramentas-inteligentes-email-como-escolher/) compara os critérios.