Design de assinatura de email: guia prático
Um bom design torna sua assinatura marcante sem chamar atenção em excesso. Aprenda os princípios de tipografia, cor e layout que as marcas de referência seguem.
Estabeleça uma hierarquia visual clara
Seu nome deve ser o elemento maior e em negrito. O cargo vem logo depois, em tamanho menor. Os dados de contato são os menores. Essa hierarquia em três níveis guia o olhar do leitor naturalmente, do mais ao menos importante.
Escolha a tipografia certa
Use uma fonte sem serifa segura para web (Arial, Helvetica, Verdana) para máxima compatibilidade. Defina o nome em 14–16px em negrito, o cargo em 12–13px e os dados em 11–12px. Nunca use mais de duas fontes.
Use cor com propósito
Escolha uma única cor da marca para destaques — no nome, em uma linha divisória ou no fundo dos ícones. Mantenha o texto principal em cinza escuro (#333) sobre branco para boa legibilidade. Evite cores neon e gradientes, que aparecem de forma inconsistente nos clientes de e-mail.
Pense em uma única coluna no celular
Mais de 60% dos e-mails são lidos no celular. Um layout em coluna única, de cima para baixo, funciona em qualquer tamanho de tela. Layouts lado a lado (foto + texto) devem se reorganizar verticalmente em telas estreitas.
Otimize as imagens para e-mail
Mantenha o tamanho total da assinatura abaixo de 50KB. Comprima fotos em 72dpi, use PNG para logotipos com transparência e sempre defina width e height explícitos para evitar saltos de layout durante o carregamento.
Use um separador para criar respiro
Uma linha horizontal ou vertical fina entre a foto e o texto evita poluição visual. Use cinza claro (#E0E0E0) ou a cor da sua marca, com 1–2px de espessura. Um detalhe pequeno que eleva o design.
Perguntas frequentes
Quais cores funcionam melhor em assinaturas de e-mail?+
Azul-marinho (#1a365d), verde-azulado escuro (#0d9488) e grafite (#374151) são opções seguras e profissionais. Essas cores têm bom contraste em fundo branco e mantêm consistência em diferentes clientes de e-mail.
Posso usar fontes personalizadas na minha assinatura de e-mail?+
Fontes web personalizadas não têm suporte confiável em clientes de e-mail. O Outlook, por exemplo, ignora completamente. Mantenha-se em fontes seguras para web (Arial, Helvetica, Georgia, Verdana) para garantir consistência em qualquer lugar.
Qual deve ser a largura ideal de uma assinatura de e-mail?+
Mantenha abaixo de 600px — essa é a largura padrão do conteúdo de e-mail. No celular, a assinatura precisa se ajustar à tela. Nossos modelos foram projetados com largura máxima de 500px para a melhor exibição.
Devo usar layout em tabela ou em divs?+
Sempre use tabelas HTML em assinaturas de e-mail. O Outlook e muitos outros clientes não suportam CSS moderno (flexbox, grid). Layouts em tabela renderizam de forma consistente em todos os clientes.
Como deixar minha assinatura bonita no modo escuro?+
Use PNGs transparentes para logotipos, evite fundos brancos puros (#FFFFFF) — prefira off-white ou transparente — e garanta que o texto tenha contraste suficiente para fundos claros e escuros.
Que formato de imagem usar para o logotipo da assinatura?+
PNG é a escolha mais segura — suporta transparência e é exibido em qualquer cliente. Evite SVG (suporte fraco em e-mail) e GIFs animados (aparência pouco profissional). Mantenha o arquivo abaixo de 30KB.
Crie o design da sua assinatura agora
Escolha um modelo, defina suas cores e gere uma assinatura com código perfeito em segundos.
Começar a Desenhar