Modo Escuro

Aqui damos algumas recomendações a ter em conta para sua campanha no modo escuro.

Kevin Colodro avatar
Escrito por Kevin Colodro
Atualizado há mais de uma semana

O que é o modo escuro?

É uma função que os dispositivos móveis trazem que permite alterar temporariamente a cor do sistema de claro para escuro, fazendo com que alguns aplicativos também mudem sua cor de acordo ao que está definido para o sistema.

Muitas plataformas implementaram o modo escuro em ambos os aplicativos tanto para a versão móvel quanto a versão desktop, devido as diferentes vantagens que apresenta.



Porque minha campanha fica diferente no modo escuro?

Vale ressaltar que a função modo escuro clareia as cores, para que a visualização fique melhor, então essas alterações de cores não são feitas pela Perfit, mas estão relacionadas a alteração da paleta de cores que desempenha esta função.

Como remetentes, não é possível determinar exatamente como sua campanha será exibida no modo escuro, pois você não tem influência nas configurações realizadas pelo destinatário. O modo escuro pode variar de dispositivo para dispositivo.



O que posso considerar com o modo escuro em minhas campanhas?

  • Use imagens em formato PNG com fundo colorido, ou seja, que não sejam transparentes: se o texto for preto + fundo transparente + modo escuro ativado = o conteúdo não será exibido corretamente, pois o fundo ficará escuro e o texto terá problemas de visualização.

  • Em regiões onde há apenas imagens, coloque uma imagem branca como imagem de fundo.

    Imagem 1: sem modo escuro com imagem branca de fundo.
    Imagem 2: como ficaria no modo escuro com imagem branca de fundo.


  • Se for usada uma fonte muito fina, no modo escuro pode causar dificuldade na leitura. Neste caso podemos escolher uma fonte que seja legível em ambos os modos, recomendamos a fonte Arial ou Times New Roman.


  • Em regiões com texto, uma imagem branca também pode ser colocada como imagem de fundo, mas lembre-se do seguinte: o texto, sendo editável, no modo escuro irá inverter seu tom (por exemplo: de preto → para branco), então pode acontecer que o texto não seja visualizado no fundo branco.

    Sem modo escuro

    Primeira imagem: fundo branco da imagem e texto preto.

    Segunda imagem: sem fundo branco e texto preto.


    Com modo escuro

    Primeira imagem: fundo branco da imagem e texto preto.

    Segunda imagem: sem fundo branco e texto preto.

  • Experimente paletas de cores que não sejam intensas. A melhor coisa para o modo escuro é tentar não usar preto puro (#000000) e usar tons de cinza-escuro para preto ou azul-escuro.

Respondeu à sua pergunta?