In partnership with

News Makers: Edição 088

News Makers.

Edição 088 · Conteúdo

Email escuro sem preto puro: a ciência de cansar o leitor

As seis regras de design dark que protegem a vista de quem lê sua edição à noite.

 
 

I. O bastidor

Boa parte das nossas 37 newsletters tem identidade escura. Crime, mistério, sono, tarot: nicho que pede atmosfera pede fundo dark. E no começo a gente fazia o óbvio: fundo preto, texto branco, contraste no talo. No preview, parecia profissional.

O problema apareceu na leitura longa. Texto claro e brilhante sobre preto absoluto, aquele #0A0A0A de interface de app, produz um efeito chamado halation: as letras parecem vibrar, criam um halo na retina e a vista cansa antes do fim da edição. Em leitura diária de alguns minutos, isso vira atrito acumulado.

E fadiga visual é inimiga silenciosa de newsletter. O leitor raramente reclama de cansaço ocular. Ele só começa a parar no meio da edição. Depois abre menos. Depois some, sem nunca conseguir dizer o motivo.

A correção custou uma tarde de ajuste de paleta e mudou o conforto de leitura da rede inteira. Viraram seis regras, e elas valem pra qualquer newsletter no Beehiiv.

 
 
 
◆◆◆
 
 

II. As seis regras que rodam na rede

Regra um: fundo escuro nunca é preto puro. No lugar do #0A0A0A, usamos tons quentes profundos: nosso padrão é um marrom-café na linha do #17130E, e algumas marcas usam um índigo profundo. O olho continua lendo o fundo como escuro, mas o contraste cai pro nível que descansa em vez de vibrar.

Regra dois: texto sobre fundo escuro é creme suave, nunca branco puro. Nosso tom de referência fica perto de #ECE4D6. Branco total sobre escuro é a outra metade da equação da halation. O creme entrega a mesma legibilidade sem o brilho que machuca.

Regra três: edição de corpo claro tem coluna de leitura unificada. Corpo, recomendação e quiz ficam no MESMO fundo claro. Já cometemos o erro de alternar: bloco claro, bloco escuro, bloco claro de novo. Vira zebra, e cada transição obriga o olho a se readaptar do zero.

Numa edição clara, só dois elementos têm licença pra ficar escuros: o hero do topo e o rodapé. O miolo, onde a leitura acontece de verdade, é contínuo do início ao fim.

Regra quatro: respiro simétrico no box do quiz. Mesmo padding em cima e embaixo. Parece detalhe de obsessivo, e é. Mas assimetria de respiro é o tipo de coisa que o leitor sente sem conseguir nomear: a edição parece torta, e a sensação de descuido contamina a percepção do conteúdo.

Regra cinco: o contraste tem que sobreviver ao modo escuro do Gmail. Esse é o teste que quase ninguém faz. O Gmail inverte as cores de email claro por conta própria quando o usuário ativa o dark mode. Seu fundo claro pode virar chumbo e seu texto escuro pode clarear sem ninguém pedir. Toda paleta nova aqui passa pelos dois modos antes de ir pro ar.

Regra seis: hierarquia por peso de fonte, com UMA cor de destaque por edição. Título pesado, corpo regular, negrito nas frases-chave e uma única cor de acento marcando o que importa. Três cores de destaque competindo entre si equivalem a nenhuma: o olho perde a trilha do que é prioritário.

 
 
 
◆◆◆
 
 

III. O playbook pra aplicar

Passo um: inspecione o fundo da sua última edição dark. Pegue o código hexadecimal do fundo no seu template. Preto absoluto ou cinza neutro quase preto, combinado com texto branco, é território de halation. Seu leitor noturno já sentiu isso antes de você medir.

Passo dois: troque o par fundo e texto juntos. A correção funciona em dupla: fundo quente profundo mais texto creme. Trocar só um dos dois resolve metade do problema. Use os nossos valores como ponto de partida e puxe o tom pra temperatura da sua marca.

Passo três: unifique a coluna se sua edição é clara. Liste os blocos da edição de cima a baixo e anote a cor de fundo de cada um. Se o miolo alterna fundo mais de uma vez, unifique tudo num fundo só e deixe o escuro pro hero e pro rodapé.

Passo quatro: teste no Gmail real, nos dois modos. Mande a edição pra você mesmo e abra no celular com o modo escuro ligado e depois desligado. O que o Gmail faz com a sua paleta só aparece ali. Preview de ferramenta mente por omissão.

Passo cinco: conte suas cores de destaque. Abra a edição e marque tudo que foge da cor do texto base. Sobrou mais de uma cor de acento? Escolha a que fica e rebaixe o resto pra negrito. Hierarquia se constrói com peso, e a cor entra uma vez só, onde decide.

 

Teste de hoje

Mande sua última edição pra sua própria caixa de entrada e leia inteira no celular, à noite, com a luz do quarto apagada. Se em algum momento os seus olhos pedirem pausa antes do texto acabar, você acabou de sentir o que parte da sua lista sente todo dia. Comece a correção pela regra um: o fundo.

Pra ir além do bastidor de hoje:

🎓 Mentoria Viver de News →

🤝 Agência News Makers →

 
 
◆◆◆
 
 

As newsletters de quem escreve aqui

Alquimia da Mente

A newsletter diária do HC sobre mente, hábitos e performance. Mais de 15 mil leitores todo dia às 18:18. Leitura de 5 minutos que muda como você pensa o seu dia.

Quero ler →
 

Copyletter

A newsletter do Lucão sobre copywriting que vende. As técnicas por trás de mais de R$ 200 milhões em campanhas, direto do teclado de quem escreveu.

Quero ler →
 

Até amanhã, 07:07. HC & Lucão

 

O que achou da edição de hoje?

Toque nos jornais pra avaliar

🗞️🗞️🗞️🗞️🗞️  Ótima, vale ouro
🗞️🗞️🗞️🗞️  Boa
🗞️🗞️🗞️  Ok
🗞️🗞️  Ruim
🗞️  Péssima
 

Quiz da edição

Por que evitamos fundo preto puro em email escuro?

A) Preto puro pesa mais no carregamento do email
B) O Gmail bloqueia emails com fundo preto
C) Texto claro vibra sobre preto e cansa a vista (halation)

A newsletter de quem vive de newsletter

Newsletter é negócio

Não perca nenhuma edição

Te encaminharam esse email?

Quero me cadastrar →

Receba essa newsletter no seu WhatsApp

WhatsApp Entrar no grupo →

Publicidade

13M+ videos analyzed. Too many insights to count.

Wondering what a “good” play rate even is? Or how to use AI so you stay on budget? Cue: Wistia’s 2026 State of Video Report. They analyzed over 13 million videos to surface the insights your video strategy needs, like:

Performance benchmarks that let you know how your videos stack up

Video trends, including what types of videos get the most engagement

Tips on how to allocate resources and leverage AI so you stay on budget

Plus, the report’s easy to follow and fun to read. Because video should be a hoot.