Modo escuro (dark mode)
Como seus emails aparecem com a luz apagada e como criar designs para isso
O modo escuro (em inglês, dark mode) é uma opção de exibição que mostra texto claro sobre fundo preto ou cinza-escuro. Ele está disponível em celulares, computadores, navegadores e em quase todos os programas de email.
Para quem faz email marketing, isso tem uma consequência direta: sua newsletter nem sempre aparece do jeito que você a criou.
Dependendo do programa de email, as cores se mantêm, são invertidas em parte ou são invertidas por completo.
Aqui você vai ver o que cada um faz e como criar emails que fiquem legíveis com a luz apagada. No final, você encontra 8 modelos em modo escuro prontos para usar no Mailrelay.
O que é o modo escuro e para que serve?
O modo escuro inverte a paleta habitual da interface. Os fundos ficam escuros e os textos, claros. Ele se popularizou em 2019, quando o iOS, o Android e o macOS o incluíram como opção do sistema.
As pessoas o ativam por três motivos:
- Conforto visual: cansa menos a vista ao ler à noite ou com pouca luz.
- Bateria: em telas OLED, os pixels pretos quase não consomem energia.
- Gosto pessoal: muita gente acha mais elegante.
Quantas pessoas o usam no email? A Litmus mediu que 35% das aberturas registradas em 2022 foram feitas com o modo escuro ativado.
É mais de uma em cada três leituras. Não é um dado que você possa ignorar ao criar um template de email.
Como o modo escuro afeta seus emails?
Cada programa de email o aplica do seu jeito.
Faz parte do email rendering: o mesmo HTML é exibido de forma diferente dependendo de onde é aberto. Há três comportamentos:
| Comportamento | O que faz com seu email | Clientes de email (Litmus, fevereiro de 2025) |
|---|---|---|
| Sem alterações | Mantém suas cores; só escurece a interface do programa | Apple Mail no Mac, iPhone e iPad, Gmail no computador, Yahoo Mail |
| Inversão parcial | Escurece os fundos claros e clareia os textos escuros; deixa igual o que já era escuro | Outlook.com, app do Outlook (iOS e Android), app do Gmail no Android |
| Inversão total | Inverte todas as cores, inclusive os fundos que já eram escuros | App do Gmail no iPhone, Outlook para Windows, Windows Mail |
Uma ressalva sobre o Apple Mail. Ele respeita suas cores, mas, se o email não define uma cor de fundo, também o escurece.
Por isso, um email em texto simples aparece escuro em um iPhone com o modo escuro ativado.
Modo escuro no Gmail
O app do Gmail muda conforme o sistema: inversão parcial no Android e total no iPhone. No computador, o Gmail escurece a interface, mas seu email mantém as cores.
O Gmail não permite detectar o modo escuro com código. A única defesa é um design que resista bem à inversão.
Modo escuro no Outlook
O Outlook é o mais imprevisível. O Outlook.com e o app para celular fazem uma inversão parcial, e o Outlook para Windows inverte todas as cores.
Revise principalmente os logotipos com fundo transparente e os botões com texto escuro. São os primeiros a dar problema.
Crie emails fáceis de ler de dia e de noite
Crie suas campanhas com modelos prontos para o modo escuro e envie testes para você mesmo antes de disparar. Grátis até 80.000 emails por mês.
Quais são as vantagens e desvantagens para o email marketing?
A grande vantagem é que seu email combina com o que o leitor escolheu. Um email todo branco que ofusca a vista à meia-noite é fechado rápido.
Um que se integra à tela escura é lido com mais calma.
Mas há riscos.
Em uma pesquisa da Mailjet (2021), 31% dos profissionais de email apontavam a inversão automática de cores como um grande problema. E um terço temia pela imagem da sua marca.
As falhas típicas são logotipos que desaparecem, textos cinza sem contraste e botões que mudam de cor. E o pior: não é você quem decide quando isso acontece.
Como criar um email para o modo escuro?
Você não precisa de duas versões de cada campanha. Basta um design que funcione nos dois modos:
- Use logotipos com contorno ou fundo próprio. Um logotipo preto em PNG transparente desaparece sobre fundo escuro.
- Evite o preto puro e o branco puro. Um cinza bem escuro (#1a1a1a) e um branco gelo resistem melhor à inversão.
- Cuide do contraste. Verifique se cada texto pode ser lido nos dois modos. Essa também é a base de um email acessível.
- Não coloque texto dentro das imagens. O texto em HTML se adapta; o de uma imagem, não.
- Dê aos botões uma cor de fundo própria. Um call to action com fundo colorido continua visível mesmo que o resto seja invertido.
- Teste antes de enviar. Envie o email para você mesmo e abra-o no Gmail e no Outlook com o modo escuro ativado.
Se quiser ir além, o Apple Mail aceita a media query prefers-color-scheme para definir suas próprias cores escuras. Ela só funciona em alguns clientes, então use-a como melhoria, não como base.
Modelos de email em modo escuro disponíveis no Mailrelay
Outra opção é partir de um design que já seja escuro. No editor do Mailrelay, você tem modelos com fundo escuro para cada tipo de campanha.
Eles foram pensados para que o logotipo, os textos e os botões não se percam. Aqui estão oito, um por categoria.
Básicos: “Mensagem breve”
Um email de texto, sem imagens, para comunicar algo específico: uma mudança, um aviso ou uma carta da diretoria. Combina com marcas de estilo minimalista.
Newsletters: “Resumo semanal escuro”
Uma newsletter de conteúdo com imagem principal, artigos em destaque e links para continuar lendo. Pensada para o resumo que seus leitores abrem à noite.
Boas-vindas: “Boas-vindas com checklist”
Um email de boas-vindas com barra de progresso e uma lista de passos para começar. Útil para softwares e serviços com cadastro.
Foto grande do produto e três números em destaque: autonomia, cores e preço. O fundo preto faz a imagem se destacar. Ideal para tecnologia, moda ou cosméticos.
Catálogo: “Catálogo de produtos escuro”
Uma grade de produtos com foto, nome, preço e link. Serve para apresentar uma coleção da estação ou as novidades da sua loja virtual.
Ofertas: “Oferta relâmpago 24 horas”
Um desconto grande em vermelho, um botão claro e um aviso de “Só 24 horas”. O contraste com o fundo escuro reforça a urgência das ofertas relâmpago.
Ecommerce: “Confirmação de pedido escura”
Um email de confirmação com o resumo do pedido, o total, o status do envio e o endereço. Mantém seu estilo depois da compra.
Eventos: “Convite para evento noturno”
Um convite para um evento com foto, data, horário, local e código de entrada. Dá um clima de jantar, show ou festa de fim de ano.
Todos são editados arrastando e soltando, sem mexer no HTML. Mude cores, textos e imagens e salve-o como seu próprio modelo.
Como o Mailrelay ajuda você com o modo escuro?
Com o Mailrelay, você cria suas campanhas em um editor visual com centenas de modelos, entre eles os oito escuros que acabou de ver.
Você pode enviar testes para si mesmo e revisar o design no Gmail, no Outlook ou no celular antes do envio. Em dúvida entre uma versão clara e uma escura? Faça um teste A/B e deixe os dados decidirem.
Tudo está na conta gratuita: até 80.000 emails por mês e 20.000 contatos, com suporte por chat, ticket e telefone.
Veja as outras funcionalidades do Mailrelay.
Teste os modelos escuros grátis
Escolha um dos oito modelos, mude textos e imagens e envie-o para sua lista pela conta gratuita do Mailrelay.
Perguntas frequentes sobre o modo escuro
Estas são as dúvidas mais comuns sobre o modo escuro no email.
O que é o modo escuro?
É uma opção de exibição que mostra texto claro sobre fundo escuro. Ele está disponível nos sistemas operacionais, nos navegadores e nos programas de email. Serve para cansar menos a vista, economizar bateria em telas OLED ou por gosto.
Como ativar o modo escuro no Gmail?
No app, entre em Configurações e escolha Tema ou Escuro. No computador, vá em Configurações, abra Temas e escolha um escuro. Ali o Gmail só escurece a interface, não o conteúdo dos emails.
Como ativar o modo escuro no Outlook?
No Outlook.com, abra Configurações e ative o modo escuro na aparência. No Outlook para Windows, altere-o em Conta do Office, no tema do Office. No celular, o Outlook costuma seguir a configuração do sistema.
É melhor enviar emails com fundo escuro?
Não existe uma resposta única. Um fundo escuro combina com marcas de tecnologia, moda, lazer ou eventos. Mas alguns clientes de email o invertem. Teste e meça os resultados com um teste A/B.
O Mailrelay tem modelos em modo escuro?
Sim. O editor do Mailrelay inclui modelos escuros nas categorias Básicos, Newsletters, Boas-vindas, Anúncio, Catálogo, Ofertas, Ecommerce e Eventos. Eles também estão disponíveis na conta gratuita.