{"id":20761,"date":"2021-10-14T00:00:00","date_gmt":"2021-10-14T00:00:00","guid":{"rendered":"https:\/\/www.mailgun.com\/blog\/pesquisa-modo-escuro-e-mail\/"},"modified":"2026-09-15T04:48:31","modified_gmt":"2026-09-15T04:48:31","slug":"pesquisa-modo-escuro-e-mail","status":"publish","type":"blog","link":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/","title":{"rendered":"Pesquisa sobre modo escuro em e-mails: o que os remetentes acham?"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A possibilidade de desastres em e-mails no modo escuro causa pesadelos em voc\u00ea ou sua equipe j\u00e1 superou o medo de e-mails no escuro? Os resultados da nossa nova pesquisa sobre o modo escuro revelam o que tira o sono de profissionais de marketing por e-mail.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O aumento da popularidade do modo escuro criou desafios interessantes para muitos designers e desenvolvedores. Mas no mundo do e-mail, os desafios do modo escuro podem ser <i>ainda mais complexos<\/i>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quer\u00edamos saber se as equipes de e-mail est\u00e3o pensando no modo escuro ou o ignorando ao criar e desenvolver campanhas de e-mail. Se <a href=\"https:\/\/www.mailgun.com\/blog\/email\/email-dark-mode\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>os conceitos b\u00e1sicos de e-mail no modo escuro<\/u><\/a> est\u00e3o sendo considerados, quais s\u00e3o os problemas que causam mais frustra\u00e7\u00e3o?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A Pathwire fez uma parceria com a <a href=\"https:\/\/ascend2.com\/\" target=\"_tabs\" rel=\"noopener noreferrer\"><u>Ascend2<\/u><\/a> para realizar uma pesquisa do setor que chamamos de Email After Dark.\u00a0 Confira alguns destaques dos resultados no infogr\u00e1fico abaixo.<\/p>\n\n\n\r\n    <nav data-content-type=\"longform\" class=\"toc-block longform-spacings px-5 py-6 px-md-6 px-lg-7 py-md-7 bg-light fs-sm rounded-lg\" aria-labelledby=\"toc-title-8893\"><p class=\"h5 m-0\" id=\"toc-title-8893\">\u00cdndice<\/p><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">01<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#principais-conclusoes-da-pesquisa-email-after-dark\">Principais conclus\u00f5es da pesquisa Email After Dark<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">02<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#lancando-luz-sobre-a-pesquisa-do-modo-escuro\">Lan\u00e7ando luz sobre a pesquisa do modo escuro<\/a><a class=\"scrollme link-body-color\" href=\"#pensando-no-modo-escuro\">Pensando no modo escuro?<\/a><a class=\"scrollme link-body-color\" href=\"#principais-desafios-do-modo-escuro-em-e-mails\">Principais desafios do modo escuro em e-mails<\/a><a class=\"scrollme link-body-color\" href=\"#por-que-testar-e-mails-no-modo-escuro\">Por que testar e-mails no modo escuro?<\/a><\/div><\/div><div class=\"d-flex mt-3\"><div class=\"w-auto fw-bold text-accent d-flex me-2\">03<\/div><div class=\"d-flex flex-column\"><a class=\"fw-bold scrollme link-body-color text-accent\" href=\"#anchor_6-dicas-rapidas-para-e-mails-no-modo-escuro\">6 dicas r\u00e1pidas para e-mails no modo escuro<\/a><\/div><\/div><\/nav>\n\n\n<h2 class=\"wp-block-heading\">Principais conclus\u00f5es da pesquisa Email After Dark<\/h2>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"413\" height=\"2560\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2021\/10\/EN-Infographics-Dark-Mode-1-scaled.png\" alt=\"E-mail ap\u00f3s o anoitecer: resultados da pesquisa da Pathwire sobre modo escuro para e-mail, abordando tend\u00eancias de design, desafios e h\u00e1bitos de teste\" class=\"wp-image-12413\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2021\/10\/EN-Infographics-Dark-Mode-1-scaled.png 413w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2021\/10\/EN-Infographics-Dark-Mode-1-165x1024.png 165w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2021\/10\/EN-Infographics-Dark-Mode-1-248x1536.png 248w\" sizes=\"(max-width: 413px) 100vw, 413px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2021\/10\/EN-Infographics-Dark-Mode-1-scaled.png\">Ver vers\u00e3o em tamanho original<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lan\u00e7ando luz sobre a pesquisa do modo escuro<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Vamos analisar mais de perto o que a pesquisa\u00a0<em>Email After Dark\u00a0<\/em>revela sobre o estado do modo escuro e do e-mail. Conversamos com a desenvolvedora s\u00eanior de e-mail da Pathwire, Megan Boshuyzen, e com o designer gr\u00e1fico s\u00eanior, Francois Sahlii, para ouvir seus insights e dicas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pensando no modo escuro?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Apenas 11% dos remetentes em nossa pesquisa dizem que\u00a0<em>sempre\u00a0<\/em>consideram o modo escuro, mas isso n\u00e3o reflete o cen\u00e1rio real da ado\u00e7\u00e3o do modo escuro. Tamb\u00e9m descobrimos que apenas 28% das pessoas que responderam afirmaram\u00a0<em>n\u00e3o ter planos<\/em>\u00a0de lidar com o modo escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Isso significa que\u00a0<strong>72% dos remetentes que entrevistamos t\u00eam os e-mails no modo escuro em seu radar<\/strong>. Um total de 44% criam e-mails especificamente para o modo escuro pelo menos em parte do tempo. Isso pode significar que usam ou criam modelos compat\u00edveis com o modo escuro. Tamb\u00e9m pode significar que realizam a programa\u00e7\u00e3o de e-mails separados para quem prefere o modo claro ou modo escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;O que esta pesquisa mostra \u00e9 que o modo escuro \u00e9 mais do que apenas uma tend\u00eancia&#8221;, diz a desenvolvedora Megan Boshuyzen. &#8220;Os e-mails no modo escuro vieram para ficar.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Os dados do Google Trends confirmam isso. Confira o gr\u00e1fico que mostra o interesse no termo e-mail no modo escuro nos \u00faltimos cinco anos.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"556\" height=\"406\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image2.png\" alt=\"Gr\u00e1fico do Google Trends mostrando um aumento acentuado nas pesquisas globais por e-mail no modo escuro a partir do in\u00edcio de 2020\" class=\"wp-image-4240\" srcset=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image2.png 556w, https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image2-300x219.png 300w\" sizes=\"(max-width: 556px) 100vw, 556px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">A pesquisa\u00a0<em>Email After Dark<\/em>\u00a0tamb\u00e9m revelou que<strong>\u00a0pequenas empresas tinham menos probabilidade de considerar o modo escuro<\/strong>\u00a0do que organiza\u00e7\u00f5es maiores.\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Profissionais de marketing de pequenas empresas costumam ter v\u00e1rias fun\u00e7\u00f5es e responsabilidades, o que dificulta assumir o trabalho extra que o design de e-mail no modo escuro exige. Al\u00e9m disso, \u00e9 menos prov\u00e1vel que pequenas empresas tenham profissionais de desenvolvimento de e-mail dedicados para ajudar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A melhor dica para esses remetentes \u00e9 usar modelos de e-mail que tenham uma boa apar\u00eancia nas experi\u00eancias de usu\u00e1rio tanto no modo claro quanto no modo escuro.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Principais desafios do modo escuro em e-mails<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Independentemente do tamanho da empresa, ou se os remetentes focam em um p\u00fablico B2C ou B2B, alguns desafios comuns do modo escuro surgiram nos resultados da nossa pesquisa.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Otimizando logotipos e imagens para o modo escuro<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Um problema que ficou entre os tr\u00eas principais, independentemente do tamanho da empresa ou do p\u00fablico, \u00e9 o desafio de\u00a0<strong>fazer com que logotipos e imagens sejam exibidos corretamente no modo escuro<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A recomenda\u00e7\u00e3o comum para logotipos e gr\u00e1ficos \u00e9 usar PNGs com fundos transparentes. Isso ajuda a evitar um logotipo ou \u00edcone desagrad\u00e1vel cercado por uma caixa branca no modo escuro. Por\u00e9m, essa solu\u00e7\u00e3o tamb\u00e9m pode criar um problema. Se partes do seu logotipo forem pretas, elas poder\u00e3o desaparecer em um fundo mais escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Uma solu\u00e7\u00e3o r\u00e1pida frequentemente recomendada \u00e9 adicionar um brilho ou sombra projetada ao logotipo. No entanto, profissionais de design gr\u00e1fico, como Francois Sahli, detestam essa ideia, que \u00e9 vista como uma atitude amadora. Muitas diretrizes de marca\u00a0<em>pro\u00edbem estritamente\u00a0<\/em>a adi\u00e7\u00e3o de brilhos e sombras a logotipos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Adicionar brilhos e sombras projetadas \u00e9, basicamente, algo que n\u00e3o se faz no design de um logotipo. \u00c9 um assunto um pouco delicado.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Francois e Megan sugerem algumas alternativas:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Colocar o<strong>\u00a0logotipo em um gr\u00e1fico de cabe\u00e7alho<\/strong>\u00a0que usa a cor da marca e permanecer\u00e1 igual no modo escuro. Voc\u00ea precisar\u00e1 garantir que o cabe\u00e7alho e o logotipo criem uma experi\u00eancia m\u00f3vel aceit\u00e1vel. O logotipo pode parecer muito pequeno em um dispositivo m\u00f3vel.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Usar a media query de CSS\u00a0<strong>@media (prefers-color-scheme)<\/strong>\u00a0e aplicar classes para mostrar ou ocultar o logotipo que voc\u00ea deseja. Lembre-se de que a \u00a0<a href=\"https:\/\/www.caniemail.com\/search\/?s=prefers-color-scheme\"><u>media query prefers-color-scheme<\/u><\/a>\u00a0 n\u00e3o \u00e9 compat\u00edvel com o Gmail e com algumas vers\u00f5es do Outlook.<\/li>\n\n\n\n<li>Colocar o logotipo em um\u00a0<strong>gradiente que se mistura gradualmente ao fundo<\/strong>\u00a0do e-mail. Lembre-se de que usar um gradiente com um logotipo pode n\u00e3o funcionar em todos os designs de e-mail ou seguir as diretrizes de estilo da sua marca.<\/li>\n<\/ol>\n\n\n\n<h4 class=\"wp-block-heading\">Otimizando o c\u00f3digo de e-mail para o modo escuro<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">No geral, as\u00a0<strong>dificuldades de programa\u00e7\u00e3o relacionadas a e-mails no modo escuro<\/strong>\u00a0ficaram em segundo lugar entre os desafios mais citados na pesquisa. Ainda assim, ficou entre os tr\u00eas principais apenas para organiza\u00e7\u00f5es de m\u00e9dio porte. Empresas menores t\u00eam menos probabilidade de otimizar o c\u00f3digo de e-mail e grandes corpora\u00e7\u00f5es j\u00e1 podem ter dominado o modo escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea faz parte de uma equipe de e-mail que tem profissionais de desenvolvimento de e-mail trabalhando em campanhas, existem algumas maneiras de ajustar seu c\u00f3digo para criar uma melhor experi\u00eancia para o assinante. Isso diz respeito principalmente ao uso da\u00a0<a href=\"https:\/\/developer.mozilla.org\/en-US\/docs\/Web\/CSS\/@media\/prefers-color-scheme\"><u>@media (prefers-color-scheme)<\/u><\/a>\u00a0 media query para oferecer uma experi\u00eancia diferente, dependendo se a caixa de entrada do assinante usa configura\u00e7\u00f5es claras ou escuras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Infelizmente, isso n\u00e3o funcionar\u00e1 em alguns dos principais clientes de e-mail, como o Gmail. At\u00e9 o momento, funciona apenas naqueles que usam o\u00a0<a href=\"https:\/\/webkit.org\/\"><u>WebKit<\/u><\/a>\u00a0 como o mecanismo de renderiza\u00e7\u00e3o de e-mail.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Megan Boshuyzen afirma que quem desenvolve e-mails deve sempre se esfor\u00e7ar para oferecer uma experi\u00eancia ideal para os assinantes. Apesar da falta de amplo suporte, o uso de @media (prefers-color-scheme) funcionar\u00e1 para muitos assinantes que visualizam e-mails em dispositivos Apple. Portanto, reservar um tempo para adicionar o c\u00f3digo pode valer a pena.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tamb\u00e9m existem algumas corre\u00e7\u00f5es espec\u00edficas de programa\u00e7\u00e3o do modo escuro para o Gmail e o Outlook que ajudam a otimizar a experi\u00eancia na caixa de entrada para outros assinantes. No entanto, Francois e Megan nos lembram que,\u00a0<strong>em algum momento, voc\u00ea precisa seguir em frente e clicar em enviar<\/strong>.<\/p>\n\n\n    <div data-content-type=\"longform\" class=\"quote hub-quote longform-spacings d-flex flex-column rounded-lg px-5 py-6 px-md-6 py-md-7 p-lg-7 shadow-sm bg-primary\" data-theme=\"light\">\r\n\r\n        <div class=\"quote-logo mb-3\">\r\n                            <svg height=\"40\" class=\"quote-icon quote-icon-color\" aria-hidden=\"true\" data-url=\"https:\/\/www.mailgun.com\/wp-content\/plugins\/sinch-core\/assets\/icons\/custom-icons\/quotes-right.svg\"><\/svg>\r\n                    <\/div>\r\n\r\n        <blockquote class=\"quote-content content-body m-0 text-body-color\" id=\"quote-block-a5b28871f17e91966ade6ce72e039c87\">\r\n            N\u00e3o existe perfei\u00e7\u00e3o de pixels em e-mail. O objetivo deve ser fornecer a melhor experi\u00eancia poss\u00edvel para os assinantes.        <\/blockquote>\r\n\r\n                    <div class=\"d-flex gap-3 mt-5\">\r\n                                    <div>\r\n                        <img decoding=\"async\" width=\"72\" height=\"72\" class=\"rounded-lg quote-author\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/megan_boshuyzen.jpeg\" alt=\"Foto de Megan Boshuyzen\">\r\n                    <\/div>\r\n                                <div class=\"d-flex flex-column align-self-center fs-sm\">\r\n                    <cite class=\"mb-0 fw-bold text-accent fst-normal\" aria-describedby=\"quote-block-a5b28871f17e91966ade6ce72e039c87\">\r\n                        Megan Boshuyzen                    <\/cite>\r\n                                            <span class=\"mb-0 text-body-color\">Desenvolvedora s\u00eanior de e-mail, Pathwire<\/span>\r\n                                    <\/div>\r\n            <\/div>\r\n            <\/div>\r\n\n\n\n<p class=\"wp-block-paragraph\">Francois destaca que \u00e9 altamente improv\u00e1vel que seus assinantes comparem o design de e-mail em diferentes caixas de entrada. Busque a consist\u00eancia, se poss\u00edvel, mas n\u00e3o se preocupe com os pequenos detalhes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Se houver pequenas discrep\u00e2ncias no modo escuro, n\u00e3o \u00e9 o fim do mundo&#8221;, diz Francois. &#8220;A menos que seja um elemento muito importante do e-mail, pode n\u00e3o valer a pena se esfor\u00e7ar tanto.&#8221;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mantendo os designs de e-mail alinhados \u00e0 marca<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">As preocupa\u00e7\u00f5es com a\u00a0<strong>experi\u00eancia da marca em e-mails no modo escuro<\/strong>\u00a0tamb\u00e9m lideraram a lista de desafios na pesquisa. Um ter\u00e7o de todos os entrevistados considerou isso um problema, e essa porcentagem foi quase a mesma em todos os tamanhos de empresa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como alguns clientes de e-mail invertem as cores de um e-mail, pode parecer que a experi\u00eancia da marca no modo escuro est\u00e1 fora do seu controle.\u00a0Talvez seja por isso que nossa pesquisa revelou que\u00a0<strong>31% dos remetentes consideram a invers\u00e3o autom\u00e1tica de cores um dos maiores desafios do modo escuro.<\/strong>\u00a0<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alguns clientes de e-mail invertem todas as cores em um e-mail, enquanto outros as invertem apenas parcialmente (normalmente o fundo e o texto). No caso de invers\u00e3o total, voc\u00ea pode obter algumas combina\u00e7\u00f5es de cores estranhas que fujam totalmente do padr\u00e3o da marca.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A dica de Francois para os profissionais de marketing por e-mail \u00e9 manter os designs os mais simples poss\u00edveis. Dessa forma, voc\u00ea ter\u00e1 menos problemas com a invers\u00e3o de cores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#8220;Se os elementos CSS de um e-mail usam principalmente preto, branco e cores neutras, voc\u00ea ainda pode adicionar as cores da sua marca por meio de logotipos, ilustra\u00e7\u00f5es e \u00edcones&#8221;, explica Francois. &#8220;Eles n\u00e3o seriam invertidos, ent\u00e3o voc\u00ea ficaria mais pr\u00f3ximo do seu branding real.&#8221;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Observe como a Nike usa um design simples em preto e branco para criar experi\u00eancias ideais em e-mails no modo claro e escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Francois acrescenta que um tipo de elemento de e-mail com o qual se deve ter cuidado \u00e9 o bot\u00e3o de CTA. Normalmente, eles s\u00e3o programados com uma cor espec\u00edfica da marca que pode n\u00e3o ser a ideal quando invertida.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Como o modo escuro \u00e9 mais do que uma tend\u00eancia passageira, Megan e Francois acham que seria inteligente come\u00e7ar a incluir op\u00e7\u00f5es de modo escuro nos guias de estilo e sistemas de design da marca. Se voc\u00ea estiver repensando as cores da marca ou construindo uma nova,\u00a0<strong>inclua o modo escuro na conversa.\u00a0<\/strong>Isso beneficiar\u00e1 os designs de e-mail e tamb\u00e9m \u00e9 importante para o desenvolvimento web, bem como para a interface do usu\u00e1rio (UI) do modo escuro no desenvolvimento de aplicativos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por que testar e-mails no modo escuro?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A pesquisa\u00a0<em>Email After Dark<\/em>\u00a0revelou que\u00a0<strong>36% dos remetentes sempre testam os e-mails no modo escuro<\/strong>\u00a0ou os visualizam antes de clicar em enviar. Isso \u00e9\u00a0<em>mais que o triplo<\/em>\u00a0dos 11% que dizem sempre criar e desenvolver especificamente para o modo escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Entre os que dizem desenvolver para o modo escuro pelo menos algumas vezes, 62% afirmam que sempre testam\/fazem a pr\u00e9-visualiza\u00e7\u00e3o dos seus e-mails. Testar antes de lan\u00e7ar uma campanha de e-mail \u00e9 como prever o futuro. \u00c9 a melhor forma de identificar poss\u00edveis problemas no modo escuro antes que seja tarde demais.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Existem duas maneiras de testar seus e-mails no modo escuro:<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enviar manualmente o e-mail para v\u00e1rios dispositivos e caixas de entrada e visualiz\u00e1-los no modo escuro.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Usar uma\u00a0<strong>plataforma de teste de e-mail de ponta<\/strong>\u00a0para fornecer pr\u00e9-visualiza\u00e7\u00f5es confi\u00e1veis de seus e-mails em todos os principais clientes e dispositivos.<\/li>\n\n\n\n<li>Os testes manuais podem ser demorados e n\u00e3o confi\u00e1veis. Geralmente, isso \u00e9 feito procurando pessoas na empresa que tenham um determinado tipo de telefone e possam acessar um provedor de caixa de correio espec\u00edfico. Al\u00e9m disso, voc\u00ea tamb\u00e9m ter\u00e1 que pedir a esses colegas que ativem as configura\u00e7\u00f5es do modo escuro.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.emailonacid.com\/\"><u>Email on Acid by Pathwire<\/u><\/a>\u00a0 \u00e9 uma plataforma de prepara\u00e7\u00e3o de e-mail orientada por IA que fornece pr\u00e9-visualiza\u00e7\u00f5es precisas de todos os principais clientes de e-mail e muito mais. Isso inclui pr\u00e9-visualiza\u00e7\u00f5es de e-mail no modo escuro que ajudam a detectar problemas desagrad\u00e1veis de design e invers\u00f5es de cores antes que seus assinantes os vejam.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"700\" height=\"427\" src=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/image3.gif\" alt=\"Pr\u00e9-visualiza\u00e7\u00e3o do Modo Escuro no iPhone XR de um e-mail do Grammarly intitulado 5 Passos: Como o processo de escrita funciona, em cinco passos\" class=\"wp-image-4242\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Os desafios do modo escuro podem dificultar a intera\u00e7\u00e3o de um segmento da sua lista com seus e-mails. Se eles n\u00e3o conseguem ler o texto ou ver um CTA, n\u00e3o conseguem engajar. \u00c9 por isso que<strong>\u00a028% das pessoas que responderam \u00e0 pesquisa consideram a redu\u00e7\u00e3o do engajamento um desafio<\/strong>.\u00a0<a href=\"https:\/\/www.emailonacid.com\/blog\/article\/email-development\/dark-mode-email-testing\/\">O teste de e-mail no modo escuro<\/a>\u00a0 ajuda a evitar essa possibilidade.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">6 dicas r\u00e1pidas para e-mails no modo escuro<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqui est\u00e1 um resumo das dicas que Megan e Francois d\u00e3o para as equipes de design e desenvolvimento de e-mail:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>N\u00e3o ignore o modo escuro<\/strong>: grande parte da sua lista provavelmente visualiza e-mails dessa forma. Al\u00e9m disso, ao ignorar o modo escuro, voc\u00ea pode estar dando uma vantagem \u00e0 concorr\u00eancia.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li><strong>Use modelos compat\u00edveis com o modo escuro<\/strong>: essa dica \u00e9 ideal para profissionais de marketing por e-mail sem experi\u00eancia em programa\u00e7\u00e3o que usam um \u00a0<a href=\"https:\/\/www.mailjet.com\/products\/email-marketing\/\"><u>editor de e-mail de arrastar e soltar<\/u><\/a>.<\/li>\n\n\n\n<li><strong>Encontre uma corre\u00e7\u00e3o de logotipo no modo escuro que funcione para voc\u00ea<\/strong>: isso pode significar ceder ao adicionar um brilho ou ser criativo com uma solu\u00e7\u00e3o diferente de logotipo no modo escuro.<\/li>\n\n\n\n<li><strong>Comece a implementar @media (prefers-color-scheme<\/strong>): fazer isso ajuda a otimizar a experi\u00eancia de e-mail no modo escuro para muitos assinantes.<\/li>\n\n\n\n<li><strong>Mantenha os designs de e-mail simples<\/strong>: voc\u00ea evitar\u00e1 invers\u00f5es de cores infelizes que s\u00e3o feias e fogem da sua marca.<\/li>\n\n\n\n<li><strong>Inclua estilos do modo escuro nas diretrizes da marca<\/strong>: desenvolva um plano claro para os desafios de e-mail no modo escuro. Defina como \u00e9 o modo escuro para a sua marca. Isso pode incluir a cria\u00e7\u00e3o de uma biblioteca de elementos de e-mail que funcionam no modo escuro.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">O interesse no modo escuro entre remetentes de e-mail vai crescer. A pesquisa\u00a0<em>Email After Dark\u00a0<\/em>revelou que\u00a0<strong>28% dizem que t\u00eam planos para come\u00e7ar a projetar e desenvolver e-mails para o modo escuro<\/strong>. N\u00e3o seja uma das marcas que ficam no escuro. Comece a pensar em como lidar com esses desafios e passe a testar e-mails no modo escuro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>N\u00e3o perca a sess\u00e3o de Megan Boshuyzen sobre o modo escuro no\u00a0<\/em><a href=\"https:\/\/try.pathwire.com\/email-camp\/\"><u><em>Nightmare at Email Camp da Pathwire<\/em><\/u><\/a><em>.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.<\/p>\n","protected":false},"author":13,"featured_media":4074,"menu_order":0,"template":"","meta":{"_acf_changed":false,"footnotes":""},"blog_category":[20],"class_list":["post-20761","blog","type-blog","status-publish","has-post-thumbnail","hentry","blog_category-email"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun<\/title>\n<meta name=\"description\" content=\"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"og:description\" content=\"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/\" \/>\n<meta property=\"og:site_name\" content=\"Transactional Email API Service For Developers | Mailgun\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-15T04:48:31+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png\" \/>\n\t<meta property=\"og:image:width\" content=\"720\" \/>\n\t<meta property=\"og:image:height\" content=\"448\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"9 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/\",\"name\":\"Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"datePublished\":\"2021-10-14T00:00:00+00:00\",\"dateModified\":\"2026-09-15T04:48:31+00:00\",\"description\":\"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/07\\\/MG-Blog-Email.png\",\"width\":720,\"height\":448},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/email\\\/pesquisa-modo-escuro-e-mail\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/inicio\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Blog\",\"item\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Pesquisa sobre modo escuro em e-mails: o que os remetentes acham?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#website\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"description\":\"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#organization\",\"name\":\"Transactional Email API Service For Developers | Mailgun\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"contentUrl\":\"https:\\\/\\\/www.mailgun.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/cropped-android-chrome-512x512-1.png\",\"width\":512,\"height\":512,\"caption\":\"Transactional Email API Service For Developers | Mailgun\"},\"image\":{\"@id\":\"https:\\\/\\\/www.mailgun.com\\\/pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun","description":"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/","og_locale":"pt_BR","og_type":"article","og_title":"Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun","og_description":"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.","og_url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/","og_site_name":"Transactional Email API Service For Developers | Mailgun","article_modified_time":"2026-09-15T04:48:31+00:00","og_image":[{"width":720,"height":448,"url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"9 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/","url":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/","name":"Modo escuro para e-mail: supere os desafios - Transactional Email API Service For Developers | Mailgun","isPartOf":{"@id":"https:\/\/www.mailgun.com\/pt\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/#primaryimage"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/#primaryimage"},"thumbnailUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","datePublished":"2021-10-14T00:00:00+00:00","dateModified":"2026-09-15T04:48:31+00:00","description":"Confira um infogr\u00e1fico que destaca os resultados da pesquisa sobre os desafios de desenvolvimento e design de e-mail para o modo escuro. Receba dicas sobre como lidar com os principais problemas.","breadcrumb":{"@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/#primaryimage","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/07\/MG-Blog-Email.png","width":720,"height":448},{"@type":"BreadcrumbList","@id":"https:\/\/www.mailgun.com\/pt\/blog\/email\/pesquisa-modo-escuro-e-mail\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.mailgun.com\/pt\/inicio\/"},{"@type":"ListItem","position":2,"name":"Blog","item":"https:\/\/www.mailgun.com\/pt\/blog\/"},{"@type":"ListItem","position":3,"name":"Pesquisa sobre modo escuro em e-mails: o que os remetentes acham?"}]},{"@type":"WebSite","@id":"https:\/\/www.mailgun.com\/pt\/#website","url":"https:\/\/www.mailgun.com\/pt\/","name":"Transactional Email API Service For Developers | Mailgun","description":"Poderosas APIs de e-mail transacional que permitem a voc\u00ea enviar, receber e rastrear e-mails, criadas com os desenvolvedores em mente. Saiba mais hoje mesmo!","publisher":{"@id":"https:\/\/www.mailgun.com\/pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.mailgun.com\/pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/www.mailgun.com\/pt\/#organization","name":"Transactional Email API Service For Developers | Mailgun","url":"https:\/\/www.mailgun.com\/pt\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/","url":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","contentUrl":"https:\/\/www.mailgun.com\/wp-content\/uploads\/2025\/06\/cropped-android-chrome-512x512-1.png","width":512,"height":512,"caption":"Transactional Email API Service For Developers | Mailgun"},"image":{"@id":"https:\/\/www.mailgun.com\/pt\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20761","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/users\/13"}],"version-history":[{"count":1,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20761\/revisions"}],"predecessor-version":[{"id":20762,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog\/20761\/revisions\/20762"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media\/4074"}],"wp:attachment":[{"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/media?parent=20761"}],"wp:term":[{"taxonomy":"blog_category","embeddable":true,"href":"https:\/\/www.mailgun.com\/pt\/wp-json\/wp\/v2\/blog_category?post=20761"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}