O modo escuro é uma funcionalidade disponível nos aparelhos móveis e computadores que permite alterar temporariamente o fundo da tela do branco para o preto, tanto no sistema operacional quanto nos aplicativos.
Muitas plataformas implementaram o modo escuro em suas versões mobile e desktop devido às diversas vantagens que ele apresenta aos usuários, como a redução do cansaço visual e a economia de bateria.
Por que a campanha fica diferente no modo escuro?
A função de modo escuro inverte e clareia as cores originais do e-mail para se adaptar ao fundo escuro. É importante ressaltar que essas modificações de cores não são feitas pelo Nuvem Marketing, mas sim pelos próprios provedores de e-mail (como Gmail, Apple Mail ou Outlook), que forçam a alteração da paleta de cores.
Como remetentes, não é possível determinar exatamente como a sua campanha será exibida no modo escuro, pois não temos controle sobre as configurações aplicadas no dispositivo do destinatário. A renderização do modo escuro pode variar significativamente de um aplicativo para outro.
O que levar em consideração sobre o modo escuro nas suas campanhas?
-
Evite usar imagens PNG com fundo transparente junto a textos: Se você utilizar uma imagem com texto na cor preta e fundo transparente, quando o usuário ativar o modo escuro, o fundo da tela ficará escuro e o texto não poderá ser lido. Prefira imagens com fundos preenchidos com cor.
- Em regiões compostas apenas por imagens, utilize fundos brancos: Colocar uma imagem branca como plano de fundo da região pode evitar que a inversão automática de cores prejudique o seu layout. Abaixo, veja a diferença:
- Escolha tipografias legíveis: Se você escolher uma fonte muito fina, a leitura no modo escuro pode ser muito prejudicada. Recomendamos o uso de fontes padronizadas e perfeitamente legíveis em ambos os modos, como Arial ou Times New Roman.
- Cuidado com textos sobre fundos de imagem brancos: Em regiões que contenham blocos de texto (editáveis no painel), colocar uma imagem branca como fundo pode ser arriscado. Como o texto é editável, o provedor inverte a cor dele automaticamente no modo escuro (ex: de preto para branco). Se o fundo da imagem permanecer forçadamente branco, o texto branco ficará invisível. Veja o comparativo nas abas abaixo:
Sem modo escuro
Primeira imagem: Fundo de imagem branco com o texto editável na cor preta.
Segunda imagem: Sem fundo de imagem branco e texto editável na cor preta.
Com modo escuro
Primeira imagem: O texto ficou branco automaticamente sobre o fundo de imagem que permaneceu branco, tornando a leitura impossível.
Segunda imagem: Sem o fundo de imagem branco, o texto e o fundo do e-mail se invertem de forma correta e legível pelo provedor.
- Teste paletas de cores mais suaves: A melhor prática para o modo escuro é evitar o uso do preto puro (#000000) nos elementos visuais, dando preferência a tons de cinza escuro ou azul marinho, o que reduz o contraste agressivo.