O peso da tipografia no HTML do email marketing

Publicado em 22 de octubre de 2015



Depois de passar duas semanas desvendando o universo do design e analisando as tendências do Flat Design e o papel da psicologia das cores nas campanhas de e-mail marketing, vamos mudar um pouco o viés. Dessa vez, o tema deste post é elemento essencial para o trabalho de qualquer designer. É fundamental para a base de qualquer e-mail. É de extrema importante para todo e qualquer destinatário. Estamos falando do conteúdo, claro, mas sob a ótica dos princípios básicos da boa tipografia.

Você sabia que o tipo de fonte, tamanho, peso, cor e contraste também exercem influência sobre os olhos dos consumidores? O texto faz parte do layout, serve de complemento para as imagens e pode ser decisivo para mostrar a relevância de uma campanha para cada pessoa que a recebe.

Determine uma estrutura hierárquica para o texto

A forma como o conteúdo é apresentado em uma campanha é primordial para orientar o usuário. Esta hierarquia estruturada por meio de variáveis como o tamanho, peso, cor e contraste, dividindo título, subtítulo e corpo do texto, torna a leitura mais clara, atraente e agradável.

Separe o texto do título e subtítulo. Delimite parágrafos para criar espaços entre um e outro bloco de palavras. Destaque as chamadas principais em negrito e com uma fonte maior.

Evite fontes pequenas, leve em conta a leitura

Ao preparar o texto, tenha o seu leitor em mente. Dê preferência a um tamanho grande o suficiente para causar conforto aos olhos de quem irá ler. Recomendamos manter o mínimo de 12pt para que a leitura seja legível.

Além disso, não use todo o texto em letras maiúsculas. Faz parte das regras de etiqueta da internet. Esse recurso indica gritos ou até mesmo agressividade.

Escolha uma fonte apropriada, não várias


A fonte deve conversar com os demais elementos da campanha, sem deixar de lado a legibilidade. Pela popularidade do Windows, opções como Arial, Verdana, Tahoma ou Times são as preferidas para formatar o texto no HTML. No entanto, nem todas são comuns em todos os sistemas operacionais. A fim de regulamentar esta compatibilidade entre fontes e sistemas, a formatação geralmente inclui mais de uma família tipográfica.

‹font face=”Helvetica, Arial, sans-serif” size=”3” color=”#000000”›Título‹/font›

Neste exemplo, podemos ver que a fonte a ser renderizada é a Helvetica, mas há outras duas sugestões caso ela não esteja presente no sistema operacional. Em outras palavras, o código diz que na falta da Helvetica, a fonte será substituída pela Arial. E na ausência dessa, por uma fonte sem serifa padrão do seu sistema.

Algumas das famílias tipográficas mais comuns tanto no Windows como no MacOS incluem Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Symbol, Times, Verdana e Webdings. Já os sistemas baseados no Linux contam com suas próprias bibliotecas de fontes. Para ampliar as chances de leitura, os usuários podem instalar pacotes com as fontes acima, conhecidas como web safe. Ao utilizar o código acima em sua campanha, você dá chance ao leitor de visualizar seu e-mail marketing, mas se quiser oferecer uma alternativa, aposte em fontes como Norasi, Rekha, Dejavu Serif, Nimbus Sans L, Mukti Narrow, Century Schoolbook e Garuda. Estes são alguns exemplos de fontes presentes no sistema Linux. Aliás, se você conhece bem sua base de contatos e consegue identificar o sistema operacional de cada um ou da maioria, poderá segmentá-la antes dos envios.

Em todo caso, para facilitar a leitura, evite fontes Script/Caligráficas, aquelas que passam o efeito de escritas a mão. Utilize apenas se tiver um apelo artesanal, como cartões de casamento ou mensagens de Natal.

Opte por fontes Serif/Sans-Serif. Há dois tipos: serifadas e sem serifas. Sofisticadas, clássicas e com traços prolongados, as fontes com serifas fazem o texto parecer contínuo aos olhos, agrupando as letras e mostrando palavras mais “unidas”. O que é bom, já que geralmente um leitor experiente não lê letra por letra, mas palavra por palavra. Já as modernas e populares fontes sem serifas não seguem um apelo estético, mas valorizam formas geométricas.

Em 2011, uma designer inglesa listou alguns dos mais populares tipos de fontes, compilação que teve como base boas horas de pesquisas. Se você ficou curioso, indicamos o conteúdo neste link.

No entanto, contenha a vontade de misturar várias fontes. Por mais que você queira combinar estilos para parecer legal ou qualquer que seja o motivo, tente usar de 2 a 3 fontes, no máximo, em seu e-mail. Muitos tipos distintos podem causar confusão, arruinar a estética e prejudicar a leitura.

Crie intervalos entre um texto e outro e aposte em contrastes

Se sua campanha tem muitos textos, delimite espaços entre linhas (line-height) ou parágrafos. Não aproxime demais, nem afaste. Dê uma margem de “respiro” entre cada bloco de palavras, entre as linhas e as letras também. Exagerar em qualquer um dos espaçamentos pode comprometer a leitura e incitar o desinteresse.

Se quiser centralizar o texto, faça com moderação. Como cada linha tem um ponto de partida diferente, fica mais difícil ler. O ideal é seguir o alinhamento à esquerda como padrão.

Para facilitar ainda mais a leitura e tornar o conteúdo o mais legível possível, teste o contraste de cores entre o texto e o fundo. Cores claras com o texto escuro ou vice e versa.

Com a popularidade em alta do Flat Design, dar a devida atenção à tipografia ganha notoriedade. Afinal, agora é o marketing de conteúdo que deve estar nos holofotes das campanhas de e-mail marketing. Aliás, esta é outra tendência que deve ganhar mais peso no decorrer do tempo. Se você tem curiosidade de saber mais sobre a história da tipografia, recomendamos uma animação criada pelo designer gráfico Bem Barrett-Forrest.


Gostou do conteúdo? Compartilhe!

Estamos nas redes sociais, então vai lá e nos conte o que achou das dicas que postamos para você! Facebook, Twitter, LinkedIn, Google+