Tema, celulares e modo escuro

A aparência de um e-mail vem do tema dele, então uma mudança em um só lugar muda o estilo de cada bloco que o usa. Esta página explica o tema, seu kit da marca e suas fontes, como o e-mail muda no celular e o modo escuro.

O tema

Abra o painel Tema pela barra da esquerda. As seções dele:

Cores: marca, destaque (texto sobre a cor da marca), texto, texto suave, fundo e fundo do cartão. O campo de cor de um bloco pode apontar para uma delas em vez de usar uma cor própria, e aí muda quando o tema muda.
Tipografia: a fonte do e-mail e um tamanho, peso, altura de linha, espaçamento entre letras e tamanho no celular para Título 1–4, Corpo e Pequeno. Os títulos usam esses tamanhos, assim como os blocos de texto que não definem os seus.
Botões: três estilos, Principal, Secundário e Contorno, cada um com fundo, texto, borda, cantos e espaçamento interno. Um botão escolhe o estilo e ainda pode definir as próprias cores.
Links: cor dos links e se são sublinhados.
Layout: fundo da página, largura do e-mail (560–720 px no computador; no celular o e-mail sempre se ajusta à tela), espaçamento interno e cantos do cartão, espaço entre blocos e direção do texto.
Modo escuro: veja abaixo.

E-mails sem tema aparecem como sempre apareceram: cada valor padrão é a aparência antiga.

Kit da marca

Configure seu kit da marca uma vez em Configurações › Kit da marca: logotipos (claro e escuro), cores, fontes, estilos de botão, links de redes sociais e os dados do seu rodapé, incluindo o endereço postal que muitos países exigem em e-mails de marketing. Importar do seu site lê a sua página inicial em busca de logotipo, cores, fontes e links de redes sociais, e você escolhe o que manter.

E-mails novos começam a partir do kit. Aplicar kit da marca no painel Tema o copia para um e-mail existente (Desfazer devolve o que estava lá), e as seções de cabeçalho e rodapé leem o logotipo, os links e o endereço do kit. A Mia AI escreve com a aparência do seu kit e a sua voz da marca.

Fontes

Todo seletor de fontes lista Fontes seguras para a web, uma seleção de Google Fonts e Suas fontes: arquivos WOFF2 enviados pela sua conta (até 20 fontes, cada arquivo com até 2 MB). Toda fonte web tem uma fonte segura para a web como alternativa, e o seletor mostra quais apps de e-mail exibem a fonte web e quais exibem a alternativa. Veja Suporte a clientes de e-mail para a lista completa.

Ajustes para celular

O e-mail se adapta sozinho à tela do celular: as colunas se empilham, as imagens se ajustam e os tamanhos para celular da escala tipográfica entram em vigor. Cada bloco também pode ser ajustado para celular na seção Celular do Inspetor:

Mostrar em: Todas as telas, Só celulares ou Só computador.
Espaçamento interno no celular, Tamanho da fonte no celular (textos, títulos, listas e botões) e Alinhamento no celular. Deixado em Igual ao computador, o bloco mantém o valor do computador.
As colunas escolhem se empilham no celular, empilham em ordem inversa ou ficam lado a lado com uma largura por coluna no celular.

Os ajustes para celular valem em telas de até 620 px de largura. O Outlook clássico e outros apps de computador mantêm o layout de computador. Mude a tela para Celular para vê-los; enquanto estiver assim, mudanças de espaçamento interno, tamanho da fonte e alinhamento no Inspetor valem só para celulares.

Modo escuro

O Modo escuro do painel Tema tem três opções:

Auto: apps em modo escuro recolorem o texto neutro e os fundos brancos com cores escuras padrão. As cores da marca ficam como foram criadas.
Personalizado: a mesma recoloração com a sua própria paleta escura (texto, texto suave, fundo do cartão, fundo da página, links), derivada das suas cores claras e editável. Cada bloco também pode definir Texto no modo escuro e Fundo no modo escuro, e uma imagem pode trocar para uma versão de modo escuro.
Desativado: nenhum estilo de modo escuro é enviado. O Apple Mail e o Outlook mostram o e-mail como foi criado, embora os apps do Gmail ainda possam invertê-lo.

Só alguns apps aplicam as suas cores escuras; outros recolorem o e-mail por conta própria. A prévia Clientes mostra o modo escuro de cada app como foi medido.

Mostrar em: interativo ou fallback

Todo bloco tem a opção Mostrar em: Todos os apps, Só onde o e-mail interativo funciona ou Só onde aparece a alternativa. Use um bloco de texto só para o fallback para frases como "Vote na web", que só fazem sentido onde um bloco cai no fallback, ou uma dica só para o interativo como "Toque em um cartão para virá-lo". A tela contorna os blocos ocultos na versão que você está pré-visualizando.