# Logótipos tipográficos: exemplos famosos e como desenhar um

[Canonical HTML page](https://gradiently.design/pt-pt/guide/wordmark-design)

Alguns dos logótipos mais reconhecidos do mundo não têm símbolo nenhum, apenas um nome composto com cuidado. Eis como funcionam e como fazer um para a tua marca.

## The short version

- Um wordmark é um logótipo feito inteiramente com o nome da marca num estilo tipográfico distintivo, sem símbolo à parte.
- Os wordmarks servem nomes curtos e fáceis de pronunciar e marcas jovens, porque cada aparição ensina às pessoas o próprio nome.
- Os wordmarks mais fortes partem de um tipo de letra e depois personalizam letras, espaçamento ou ligações, para que nenhuma fonte os reproduza exatamente.
- O wordmark da FedEx esconde uma seta no espaço entre o E e o x, um exemplo conhecido de personalização através do espaço negativo.
- Os nomes longos precisam de uma marca parceira mais curta, como um monograma, para espaços pequenos como favicons e fotografias de perfil.

Um **wordmark** (logótipo tipográfico) é um logótipo feito só de letra: o nome da marca, composto de forma distintiva, sem ícone à parte. A Google, a FedEx, a Coca-Cola, a Sony e a Visa usam um. Um wordmark funciona melhor com nomes curtos e fáceis de pronunciar, porque cada vez que as pessoas veem o logótipo aprendem o nome. Para desenhar um, começa por um tipo de letra que corresponda ao carácter da marca e depois personaliza-o: ajusta uma letra, aperta o espaçamento, junta dois carateres, até que seja teu e nenhuma fonte o consiga reproduzir.

## Wordmark vs monograma, símbolo e marca combinada

Wordmark usa-se por vezes como sinónimo de logotipo tipográfico. Ambos designam um logótipo construído com o nome em letra. Os outros tipos comuns de logótipo diferem no que mostram.

| Tipo de logótipo | O que é | Exemplos da ideia | Melhor para |
| --- | --- | --- | --- |
| Wordmark (logotipo tipográfico) | O nome completo em letra personalizada | Google, FedEx, Coca-Cola | Nomes curtos e distintivos |
| Monograma (lettermark) | Só as iniciais | IBM, HBO, CNN | Nomes longos que as pessoas já abreviam |
| Símbolo | Uma imagem sem palavras | Uma maçã trincada, um visto | Marcas já amplamente conhecidas |
| Marca combinada | Um símbolo e um wordmark juntos | Um símbolo ao lado do nome | Marcas que precisam de ambos |

A maioria das marcas acaba com um wordmark mais um parceiro compacto, monograma ou símbolo, para espaços minúsculos.

## Exemplos famosos de wordmarks e o que os faz funcionar

| Marca | O que a distingue | A lição |
| --- | --- | --- |
| FedEx | Uma seta formada pelo espaço entre o E e o x, desenhada por Lindon Leader em 1994 | Personaliza os espaços, não só as letras |
| Coca-Cola | Escrita Spencerian fluida, desenhada pela primeira vez na década de 1880 | O lettering pode durar mais de um século |
| Google | Uma sem serifa geométrica própria apresentada em 2015, em quatro cores | As formas simples sobrevivem a todos os tamanhos de ecrã |
| Supreme | Futura Heavy Oblique a branco numa caixa vermelha | Uma fonte simples torna-se marca com um uso rigoroso e invariável |
| Sony | Uma serifa pesada e larga composta em maiúsculas | A coerência ao longo de décadas constrói reconhecimento |

Dois caminhos para um wordmark memorável: personalizar as letras até serem únicas, ou usar um só tratamento com tanta coerência que passa a ser teu.

Repara que o caminho da Supreme depende tanto da caixa e da cor como da fonte. Um wordmark composto num tipo de letra popular, sem mais personalização, é fácil de imitar. As [fontes de marcas famosas](https://gradiently.design/pt-pt/guide/famous-brand-fonts) mostram quantas grandes marcas encomendam a sua própria.

## Quando um wordmark é o logótipo certo

- **O nome é curto**: cerca de quatro a dez letras cabem confortavelmente em tamanhos pequenos.
- **O nome é novo**: um wordmark ensina-o, enquanto um símbolo sozinho pediria às pessoas que decorassem algo que ainda não aprenderam.
- **O nome é distintivo**: uma palavra inventada ou invulgar faz mais do trabalho do logótipo por ti.
- **Precisas de ser rápido**: um bom wordmark é mais rápido de desenhar e mais fácil de aplicar do que um sistema de símbolos.

Se o nome é longo ou descritivo, um wordmark continua a funcionar como logótipo principal, mas planeia desde o primeiro dia um monograma para favicons e fotografias de perfil. As [variações de logótipo](https://gradiently.design/pt-pt/guide/logo-variations) tratam do conjunto completo.

## Como desenhar um wordmark

1. **Descreve o carácter em três palavras** Por exemplo, «caloroso, preciso, local». Cada escolha de tipo de letra é testada contra elas, e não contra o gosto pessoal.
2. **Compõe o nome em 20 tipos de letra** Com serifa, sem serifa, geométrico, humanista, cursivo, slab, em maiúsculas e minúsculas. As letras do próprio nome vão favorecer alguns estilos; uma palavra cheia de letras redondas fica muito diferente numa fonte condensada.
3. **Seleciona três e confirma a licença** Garante que a licença da fonte permite o uso e a modificação em logótipos. O [licenciamento de fontes](https://gradiently.design/pt-pt/guide/font-licensing) explica o que procurar.
4. **Personaliza uma ou duas coisas** Redesenha uma letra distintiva, acrescenta uma ligadura entre dois carateres, apara um terminal ou usa o espaço entre as letras. Uma ideia clara vale mais do que cinco pequenas.
5. **Espaça à mão** O espaçamento por defeito da fonte é feito para texto. Um wordmark precisa de espaçamento ótico, par a par. O [kerning](https://gradiently.design/pt-pt/guide/kerning) mostra como.
6. **Converte em contornos e testa** Transforma a letra em formas vetoriais para nunca depender de uma fonte instalada, e testa-a pequena, grande, sobre escuro, sobre claro e numa só cor.

### Evita

- Uma fonte da moda usada tal e qual
- Traços finos que desaparecem em tamanhos pequenos
- Espaçamento tão apertado que as letras se tocam em tamanhos pequenos
- Efeitos como gradientes dentro das letras como única versão
- Cinco ideias engenhosas num só nome

### Faz

- Um tipo de letra escolhido pelo carácter e depois personalizado
- Espessuras de traço que aguentam em tamanhos pequenos
- Espaçamento que abre ligeiramente para uso pequeno
- Primeiro uma versão sólida numa só cor, os efeitos depois
- Um detalhe memorável

## Testa o teu wordmark em tamanhos reais

Um wordmark que fica ótimo na largura do teu ecrã pode desfazer-se na largura de um favicon. Testa-o nos sítios onde vai realmente viver e confirma que continua a ler-se numa só cor plana. Os [tamanhos de logótipo](https://gradiently.design/pt-pt/guide/logo-sizes) têm a lista completa.

| Onde | Tamanho | O que verificar |
| --- | --- | --- |
| Cabeçalho do site | Cerca de 24 a 40 px de altura | Os traços mantêm-se nítidos, o espaçamento continua uniforme |
| Cartão de visita | 1050×600 px a 300 dpi | Lê-se numa só cor e em hot stamping ou relevo |
| Assinatura de email | 600×200 px | Continua legível quando o cliente de email o reduz |
| Fotografia de perfil social | Mostrada como um pequeno círculo | Costuma ser pequena demais: usa o monograma |
| Cabeçalho principal do site | 1920×1080 px | Os detalhes aguentam em tamanho muito grande |

Se o nome completo não se lê num pequeno círculo, esse é o trabalho da tua marca parceira, não uma razão para mudar o wordmark.

## O teu wordmark sobre um fundo

Os wordmarks são simples, por isso o que os rodeia carrega grande parte do sentimento da marca. Um nome simples sobre um fundo distintivo é uma identidade forte e simples: a letra é tua, e o aspeto à volta também.

Uma publicação social vertical com o wordmark Halden and Co. centrado por cima da linha Mobiliário feito devagar

Um wordmark com um descritivo curto, centrado num Mark. O fundo cria o ambiente; o nome faz a memória.

Essa é a ideia por trás de um Mark no Gradiently: um fundo vivo que tem exatamente um dono depois de o reservares, para que o aspeto à volta do teu wordmark seja só teu. Ser dono de um Mark é um registo do Gradiently, não uma marca registada; proteger o próprio nome é um passo à parte. O artigo [logótipo sobre fundo em gradiente](https://gradiently.design/pt-pt/guide/logo-on-gradient-background) trata de contraste e colocação, e [lettering vs tipografia](https://gradiently.design/pt-pt/guide/lettering-vs-typography) ajuda se estás a decidir entre desenhar o nome ou compô-lo.

## FAQ

### O que é um wordmark?

Um logótipo feito só com o nome da marca num estilo tipográfico distintivo, sem símbolo à parte. A Google, a FedEx e a Coca-Cola são exemplos bem conhecidos.

### Qual é a diferença entre um wordmark e um monograma?

Um wordmark escreve o nome completo. Um monograma usa apenas as iniciais, o que serve nomes longos que as pessoas já abreviam.

### Um logotipo tipográfico é o mesmo que um wordmark?

No uso corrente, sim. Ambos descrevem um logótipo construído com o nome da marca composto em letra.

### Posso usar uma fonte gratuita para um wordmark?

Muitas vezes sim, se a licença permitir o uso e a modificação em logótipos. Personaliza-a para o resultado ser distintivo e não a fonte tal e qual.

### O que faz um bom wordmark?

Um nome curto e legível, um tipo de letra que corresponda ao carácter da marca, um detalhe personalizado memorável e um espaçamento cuidado que aguente em tamanhos pequenos.