Preencher
Logo, banner, título e texto, a partir de um exemplo já montado.
SITES / EMAIL & WHATSAPP
Email Generator.
Do conteúdo ao email HTML.
Ferramentas gratuitas para montar emails HTML compatíveis com Gmail e Outlook e gerar links de WhatsApp com a mensagem pronta.
Acessar o siteemailgenerator.com.br ↗
01 — O PROJETO
Feito para escalar as entregas.
O Email Generator nasceu para dar escala à produção de emails de campanha do time. O editor visual mostra a prévia em desktop e mobile enquanto você edita, salva o trabalho no navegador e gera um HTML compatível com Gmail e Outlook (VML), pronto para a plataforma de envio ou para colar direto no Gmail.
Depois ganhou uma segunda ferramenta: um gerador de links de WhatsApp com mensagem formatada e encurtador embutido.
A landing page apresenta as duas: tipografia editorial, uma seção com o que tem dentro, o passo a passo de uso e um manifesto sobre por que tudo é grátis. Da landing às ferramentas, foi tudo desenhado e codificado por mim, em HTML, CSS e JavaScript.
02 — A EXPERIÊNCIA
Do rascunho ao HTML pronto.
Ajustar
Cores, botão, rodapé e redes sociais, com a prévia atualizando na hora.
Copiar
HTML para a plataforma de envio ou o email pronto para colar no Gmail.
03 — STYLE GUIDE
A identidade em código.
Tipografia
Fraunces
Archivo
- Fonte
- Fraunces
- Peso
- 500
- Tamanho
- 40 px
- Altura da linha
- 110%
Comunicação de marketing, sem a parte chata.
- Fonte
- Fraunces
- Peso
- 500
- Tamanho
- 32 px
- Altura da linha
- 115%
Comunicação de marketing, sem a parte chata.
- Fonte
- Fraunces
- Peso
- 500
- Tamanho
- 24 px
- Altura da linha
- 120%
Comunicação de marketing, sem a parte chata.
- Fonte
- Fraunces
- Peso
- 400
- Uso
- Itálico
sem a parte chata.
- Fonte
- IBM Plex Mono
- Peso
- 500
- Uso
- Mono
01 PREVIEW TEXT
- Fonte
- Archivo
- Peso
- 400
- Tamanho
- 16 px
- Altura da linha
- 155%
Monte e-mails HTML que funcionam no Gmail e no Outlook. Tudo no navegador, sem cadastro.
Cores
Papel
Tinta
Destaques
Marca
e.Email Generatore.Email Generatore.Email Generator
Componentes
Copiar HTMLGerador de WhatsApp
Copiar HTMLGerador de WhatsAppAbrir ferramenta ↗
Copiar HTML
E-mailWhatsAppDesktop
Incluir logo no topoIncluir logo no topo
E-mailDesktop
Ferramenta 01ConcluídoAtençãoNovo
Preview que não menteAlterne entre desktop e mobile antes de copiar.
04 — DESIGN FINAL · LANDING PAGE
A landing page.
05 — DESIGN FINAL · APLICAÇÃO
A aplicação.
CONTINUE EXPLORANDO
Outro site, outra ideia.
Clube de Ouro