Dicas sobre o modo escuro para contadores regressivos
Última atualização
No modo escuro, as aplicações de e-mail alteram as cores do teu e-mail. Algumas mantêm o design praticamente inalterado, outras escurecem os fundos e clareiam o texto, e o Gmail é o que costuma mudar mais. O teu temporizador é uma imagem, por isso as suas cores nunca mudam. Estas dicas garantem que fica com bom aspeto nos dois modos.
Por que é que um temporizador pode parecer estranho no modo escuro
O e-mail à volta do temporizador fica escuro, mas o temporizador mantém as cores que escolheste. Um temporizador com fundo branco acaba por ficar como uma caixa branca brilhante num e-mail escuro.
Não dá para controlar a forma como cada aplicação de e-mail altera as cores do teu e-mail, por isso, cria o temporizador de forma a que pareça intencional em qualquer fundo.
1. Dá ao temporizador um fundo próprio
Um temporizador com um fundo sólido próprio, como a cor da tua marca, tem o mesmo aspeto nos dois modos. Parece um elemento de design intencional, em vez de uma lacuna no e-mail. Adiciona um pouco de Preenchimento (Standard e superiores) à volta do temporizador, de forma a que fique apoiado num cartão transparente.
2. Tem cuidado com os fundos transparentes
As bordas de um temporizador transparente são suavizadas contra o cor de fundo escolhes tu, mesmo com Transparente . Com o branco selecionado, ficas com uma borda clara à volta dos algarismos quando o e-mail fica escuro.
Se o temporizador tiver de ser transparente:
- Escolhe uma cor de fundo cinzenta média, tipo
#808080. A franja fica então muito menos visível tanto em fundos claros como escuros. - Só o deves usar numa secção lisa e de cor única. Numa fotografia ou num gradiente, as bordas ficam irregulares em qualquer um dos modos.
Mais sobre isto em por que é que o meu fundo transparente temporizador de contagem decrescente está desfocado?
3. Escolhe as cores para o fundo do temporizador, não para o e-mail
O forte contraste entre os números e o próprio fundo do temporizador garante a sua legibilidade, independentemente do que o rodeia. Os números brancos ou claros num fundo escuro ou com a cor da marca funcionam em ambos os modos. Os números escuros num fundo transparente desaparecem no modo escuro.
4. Adiciona um contorno ao texto
Ativar contorno do texto (Power e superior) desenha uma moldura à volta dos algarismos e das legendas. Um contorno claro à volta dos algarismos escuros, ou um contorno escuro à volta dos algarismos claros, mantém-nos legíveis em qualquer fundo. Encontras-o na parte inferior de Texto e legendas.
5. Pensa em grande
Os temporizadores maiores têm mais píxeis por dígito, por isso os contornos ficam mais suaves nos dois modos. Aumenta o Tamanho ou Tamanho da fonte da etiqueta.
Para uma nitidez extra em ecrãs de alta resolução, escolhe um tamanho com o dobro da largura de que precisas e adiciona um width à tag de imagem no teu código. Por exemplo, um temporizador X-Large (com cerca de 800 px de largura) com width="400" aparece com 400 px e o dobro dos detalhes.
6. Experimenta um estilo com formas integradas
Os estilos «Blocos», «Anéis» e «Comprimidos» dão aos algarismos as suas próprias formas coloridas, pelo que não dependem do fundo do e-mail. Vê Opções de personalização temporizador de contagem decrescente para todos os estilos.
O que é que o Ajuda
Código do modo escuro no teu modelo de e-mail, como, por exemplo, prefers-color-scheme Com CSS, não dá para alterar o temporizador. As cores fazem parte da imagem e, de qualquer forma, muitas aplicações de e-mail ignoram esse código.
Testa antes de enviares
Manda um teste para ti próprio e abre-o com o modo escuro ativado nas aplicações que os teus assinantes mais usam, por exemplo:
- O Gmail no iPhone e no Android
- O Gmail num navegador da Web
- Apple Mail no iPhone e no Mac
- Perspetivas
Cada aplicação lida com o modo escuro de forma um pouco diferente, por isso experimenta mais do que uma. Se algo parecer estranho depois de enviares o e-mail, altera o temporizador no Sendtric. A correção aparece na próxima vez que o e-mail for aberto.
Para saberes mais sobre os temporizadores de contagem decrescente por e-mail, consulta o nosso Página de e-mail temporizador de contagem decrescente.
Relacionado
- Opções de personalização temporizador de contagem decrescente
- Porque é que o meu fundo transparente temporizador de contagem decrescente está desfocado?
- Como usar a tua própria imagem de fundo com um temporizador
Este artigo foi útil?
Obrigado pelo teu feedback!