A versão curta
- As fontes da marca são os tipos de letra que uma marca usa de forma consistente no logótipo, no site, nas publicações sociais, nos documentos e nos produtos.
- A maioria das marcas precisa de duas fontes, no máximo: uma fonte principal com carácter para os títulos e uma fonte muito legível para o texto.
- Uma fonte de marca tem de cobrir os idiomas, os caracteres e os pesos de que a marca vai precisar, e não só os de que precisa hoje.
- A licença importa: confirma que a licença da fonte cobre computador, web, aplicação e qualquer outro uso antes de te comprometeres.
- Testa as fontes da marca em layouts reais, em tamanhos reais, incluindo um ecrã de telemóvel e uma etiqueta pequena, antes de as juntares a um kit de marca.
Nesta página
As fontes da marca são os tipos de letra que uma marca usa de forma consistente em tudo o que diz: logótipo, títulos, site, publicações sociais, diapositivos, embalagens e emails. Para as escolher, começa pela personalidade que queres exprimir e depois testa os candidatos contra as necessidades práticas: legibilidade em tamanhos pequenos, os idiomas e os caracteres de que precisas, pesos suficientes para o teu sistema e uma licença que cubra todos os sítios onde as vais usar. A maioria das marcas precisa de apenas duas: uma fonte principal com carácter e uma fonte de texto muito legível.
Este guia dá um método passo a passo. Encaixa entre como escolher as cores da marca e a criação de um kit de marca, porque a tipografia e a cor são as duas coisas que fazem uma marca parecer ela própria.
O que as fontes da marca fazem pelo reconhecimento
As pessoas reconhecem as marcas por formas que já viram. A tipografia é uma das formas mais repetidas de uma marca: aparece em cada título, botão e legenda. Uma fonte consistente faz uma publicação parecer tua antes de alguém ler o nome em baixo, que é o mesmo trabalho que uma cor ou um fundo consistentes fazem. Mudar de fonte a cada campanha deita isso fora.
Um título com serifa quente e pormenores simples sem serifa: a voz de uma padaria de bairro.
Uma grotesca precisa do princípio ao fim: a voz de um produto de software.
Como escolher fontes de marca, passo a passo
- 1
Escreve três palavras de personalidade
Descreve a marca como uma pessoa: calma, exata, generosa ou ruidosa, brincalhona, rápida. Estas palavras incluem e excluem candidatos mais depressa do que navegar. A personalidade da marca tem um método.
- 2
Escolhe uma estrutura
Serifa, sem serifa, slab, mono ou manuscrita. Cada uma traz associações; serifa vs sem serifa explica-as. Escolhe a estrutura que se ajusta às tuas palavras e depois procura famílias dentro dela.
- 3
Faz uma lista de três a cinco famílias
Procura fontes que sejam boas na tua tarefa mais comum. Se publicas sobretudo publicações sociais, a presença nos títulos é o que mais conta. Se publicas guias longos, é o conforto do texto.
- 4
Verifica os critérios práticos
Idiomas, pesos, itálicos, algarismos, licença e formatos de ficheiro, como listados na tabela abaixo. Risca tudo o que falhar.
- 5
Testa em layouts reais
Compõe os teus títulos reais, um parágrafo, um preço, uma data e um botão em cada finalista. Vê-os num telemóvel e em tamanho de miniatura.
- 6
Escolhe uma fonte parceira, se for preciso
Se a fonte principal tem muito carácter, escolhe uma fonte de texto calma para a acompanhar. A combinação de fontes explica como.
- 7
Escreve as regras
Regista fontes, pesos, tamanhos e espaçamento por função no teu guia de estilo da marca e junta os ficheiros ao teu kit de marca.
A lista prática para os tipos de letra da marca
A personalidade põe uma fonte na lista curta. Estes critérios decidem se sobrevive. A maior parte dos arrependimentos com fontes de marca vem de saltar esta tabela e descobrir, um ano depois, um caractere em falta ou uma licença.
| Critério | O que verificar | Porque importa |
|---|---|---|
| Idiomas | Todas as escritas e caracteres acentuados de que precisas, agora e depois | Um ö ou um ł em falta obriga a uma fonte de recurso a meio da palavra |
| Pesos | Pelo menos normal e negrito; idealmente um leve, um médio e um pesado | A hierarquia precisa de contraste dentro de uma só família |
| Itálicos | Itálicos verdadeiros, não apenas romanos inclinados | A ênfase e as citações ficam erradas sem eles |
| Algarismos | Números tabulares e proporcionais, 1, 7 e 0 claros | Preços, tabelas e datas precisam de ficar alinhados |
| Tamanhos pequenos | Legível a 12 px num telemóvel e em letra miúda | As legendas, as etiquetas e o texto legal também a usam |
| Licença | Computador, web, aplicação, vídeo e qualquer outro uso que planeies | O uso sem licença é um risco legal e de custo |
| Formatos | OTF ou TTF para ferramentas de design, WOFF2 para a web | Todos na equipa têm de a poder usar |
Uma fonte de marca ou duas
Uma família pode chegar se tiver uma vasta gama de pesos e se ler bem em grande e em pequeno. Muitas marcas fortes usam uma só sem serifa em tudo. Duas fontes fazem sentido quando a fonte principal tem demasiado carácter para parágrafos: uma fonte de exibição distintiva para os títulos e uma de texto calma para o resto. Mais de duas raramente é preciso e costuma parecer descuidado.
Uma família
- Mais simples de gerir e de licenciar
- Sempre consistente, fácil para as equipas
- A hierarquia vem do peso e do tamanho
- Melhor com uma família versátil e ampla
Duas famílias
- Mais personalidade nos títulos
- Separação clara entre voz e leitura
- Precisa de regras sobre o que vai onde
- Melhor quando a fonte dos títulos é distintiva
Uma fonte variável pode dar a uma só família uma gama mais ampla: todos os pesos, por vezes todas as larguras, e tamanhos óticos que se ajustam automaticamente para títulos e legendas.
Escrever regras de fontes da marca que as pessoas seguem
Um nome de fonte não é uma regra. Duas pessoas a usar a mesma fonte podem produzir designs que parecem marcas diferentes. Define funções e dá a cada função uma fonte, um peso, um intervalo de tamanhos, uma altura de linha e um espaçamento entre letras. Os programadores podem transformar as mesmas regras em tokens.
{
"type": {
"display": { "family": "Fraunces", "weight": 600, "lineHeight": 1.05, "tracking": "-0.02em" },
"heading": { "family": "Fraunces", "weight": 600, "lineHeight": 1.2, "tracking": "-0.01em" },
"body": { "family": "Inter", "weight": 400, "lineHeight": 1.55, "tracking": "0" },
"label": { "family": "Inter", "weight": 600, "lineHeight": 1.2, "tracking": "0.1em", "case": "upper" },
"fallback": "system-ui, -apple-system, 'Segoe UI', sans-serif"
}
}Inclui uma alternativa: o tipo de letra do sistema a usar onde a fonte da marca não consegue carregar, como em alguns clientes de email. Os emails são um sítio comum onde a tipografia da marca desaparece em silêncio, por isso decide a alternativa de propósito.
Depois de definidas as regras, põe as fontes onde a equipa toda desenha. Na Gradiently, o kit de marca guarda os teus logótipos, cores e fontes, por isso cada novo design começa no tipo de letra certo, e cada marca de uma conta pode ter o seu próprio kit. Configurar o teu kit de marca guia-te no processo.
Perguntas frequentes
Quantas fontes deve ter uma marca?
Uma ou duas. Uma só família versátil pode cobrir tudo; duas funcionam quando uma fonte de títulos distintiva precisa de uma parceira mais calma para o texto corrido. Mais de duas costuma parecer incoerente.
Posso usar o Google Fonts na minha marca?
Sim. A maioria das fontes do Google Fonts é lançada sob a SIL Open Font License, que permite o uso comercial, incluindo logótipos, sites e impressão. A contrapartida é que as famílias populares também são muito usadas por outras marcas.
O meu logótipo deve usar a fonte da marca?
Não necessariamente. Os logótipos são muitas vezes letras feitas à medida ou uma fonte modificada. O que importa é que o logótipo e as fontes da marca pareçam relacionados na estrutura e na personalidade.
O que devo verificar antes de escolher uma fonte de marca?
Idiomas e caracteres, a gama de pesos e itálicos, a legibilidade em tamanhos pequenos, os estilos de números, os formatos de ficheiro e uma licença que cubra todos os usos que planeias.
Escrito pela Gradiently
A equipa por trás da Gradiently, uma ferramenta de design construída em torno dos Marks: gradientes vivos que fazem tudo o que crias parecer teu.
Ver o nosso perfil


