Preview de E-mail em Dark Mode
Veja como seu e-mail HTML é renderizado em dark mode. Compare lado a lado com o modo claro e identifique possíveis problemas antes de enviar.
Dicas para e-mails compatíveis com dark mode
Use a meta tag color-scheme
Adicione uma meta tag color-scheme (name="color-scheme" content="light dark") no head do seu e-mail. Isso avisa aos clientes que seu e-mail suporta os dois modos e te dá mais controle sobre como o dark mode é aplicado.
Evite PNGs transparentes em fundos coloridos
Logos e ícones com fundos transparentes podem ficar invisíveis quando o fundo é invertido. Adicione um padding sutil com fundo sólido nas suas imagens, ou forneça variantes específicas para dark mode.
Teste em vários clientes de e-mail
O comportamento do dark mode varia muito entre clientes de e-mail. Apple Mail, Gmail e Outlook lidam com dark mode de formas diferentes. Alguns invertem cores, outros só mudam os fundos, e outros respeitam seu CSS. Sempre teste em vários clientes.
Comece a enviar em minutos.
3.000 e-mails/mês no plano gratuito. Sem cartão de crédito, sem compromisso.
Ainda na dúvida?
Veja o que o seu LLM favorito tem a dizer sobre a gente e tome uma decisão informada.