# Fontes de marcas famosas e o que elas ensinam

[Canonical HTML page](https://gradiently.design/pt-br/guide/famous-brand-fonts)

Uma fonte é a voz em que a marca fala antes que alguém leia uma palavra. Essas escolhas famosas mostram por que algumas empresas licenciam um clássico, outras encomendam a sua própria e algumas nunca usam uma fonte.

## The short version

- As fontes de marcas famosas se dividem em três grupos: fontes clássicas usadas com disciplina, fontes personalizadas que a empresa encomenda e detém, e lettering feito à mão que nem é uma fonte.
- A Johnston, criada para o metrô de Londres em 1916, é uma das fontes corporativas mais antigas ainda em uso.
- Empresas como Airbnb, Netflix e Google encomendaram as suas próprias fontes para ganhar uma voz distinta e controle sobre como o texto é usado.
- Os logotipos da Coca-Cola e da Disney são lettering, desenhados como uma peça única, e não palavras compostas numa fonte.
- Uma marca pequena consegue a maior parte do benefício escolhendo uma fonte bem feita e usando-a com consistência por anos.

As **fontes de marcas famosas** se dividem em três grupos. Algumas marcas pegam uma fonte clássica como Helvetica ou Futura e a usam com muita disciplina. Algumas encomendam uma fonte própria, como a Airbnb fez com a Cereal e a Netflix com a Netflix Sans. E alguns dos logotipos mais conhecidos, como o da Coca-Cola, nem são fontes, e sim lettering feito à mão. Cada caminho diz algo sobre a marca, e cada um traz uma lição para escolher a sua.

## Fontes de marcas famosas num relance

| Marca ou lugar | Fonte | Desde | O que ela ensina |
| --- | --- | --- | --- |
| Metrô de Londres | Johnston | 1916 | Uma fonte pode definir a sinalização de uma cidade inteira |
| Placas do metrô de Nova York | Helvetica | Padrão de 1989 | Uma fonte neutra soa pública e confiável |
| Louis Vuitton, Supreme | Futura | Fonte de 1927 | Formas geométricas parecem modernas por um século |
| Campanha de Obama em 2008 | Gotham | Fonte de 2000 | Letras robustas e abertas soam confiantes e diretas |
| Google | Product Sans | 2015 | Uma fonte geométrica simples vai do ícone ao outdoor |
| Airbnb | Airbnb Cereal | 2018 | Uma fonte própria dá uma só voz a todos os produtos |
| Netflix | Netflix Sans | 2018 | Ter a fonte elimina limites de licença em grande escala |
| IBM | IBM Plex | 2017 | Uma fonte própria pode ser de código aberto e ainda distinta |

Oito fontes bem documentadas e a ideia por trás de cada uma. As datas são de quando a marca adotou a fonte ou de quando a fonte foi lançada.

## Fontes clássicas usadas com disciplina

A **Johnston** foi desenhada por Edward Johnston para o metrô de Londres e usada pela primeira vez em 1916. Foi redesenhada como New Johnston em 1979 e atualizada outras vezes desde então, mas as mesmas letras ainda percorrem placas, mapas e cartazes. Ela também influenciou a Gill Sans, desenhada por Eric Gill, que tinha trabalhado com Johnston. A lição é a permanência: uma fonte usada em todo lugar por um século passa a fazer parte de como as pessoas imaginam um lugar.

A **Helvetica**, lançada em 1957, virou o padrão das placas do metrô de Nova York e aparece em incontáveis logotipos corporativos, entre eles o da American Apparel. A **Futura**, desenhada por Paul Renner em 1927, está no logotipo da Louis Vuitton e, num oblíquo pesado, no logo em caixa da Supreme; é também a fonte da placa que a Apollo 11 deixou na Lua. A **Gotham**, da Hoefler & Frere-Jones, ficou amplamente conhecida pela campanha de Barack Obama em 2008.

Nenhuma dessas marcas é dona da sua fonte. O que as distingue é o rigor com que a usam: os mesmos pesos, o mesmo espaçamento, os mesmos layouts, sempre. Esse é o caminho que a maioria das marcas pequenas deve seguir. [Fontes para marcas](https://gradiently.design/pt-br/guide/brand-fonts) mostra como escolher uma.

## Por que grandes marcas encomendam fontes próprias

Quando o Google redesenhou o seu logotipo em 2015, apresentou a **Product Sans**, uma sem serifa geométrica simples que funciona num ícone minúsculo de app e numa placa grande. A **Airbnb Cereal** e a **Netflix Sans** chegaram ambas em 2018, feitas com a fundição de tipos Dalton Maag. A Netflix usava a Gotham antes, e entre os motivos amplamente noticiados para a troca estavam os custos de licença na escala da Netflix. A **Apple** apresentou a San Francisco com o Apple Watch e depois levou os seus outros aparelhos para ela, a **IBM** lançou a IBM Plex em 2017 como código aberto, e **Uber**, **YouTube** e **BBC** apresentaram as suas próprias fontes mais ou menos na mesma época.

### Clássica licenciada

- Disponível já, testada no uso
- Compartilhada com muitas outras marcas
- Os termos da licença limitam alguns usos
- Distinta só pelo uso rigoroso

### Fonte personalizada

- Meses de trabalho com uma fundição de tipos
- Uma voz que ninguém mais pode usar
- Livre para usar em qualquer produto ou tela
- Vale a pena em grande escala

Para uma marca pequena, uma fonte personalizada raramente compensa o custo. Leia [licenças de fontes](https://gradiently.design/pt-br/guide/font-licensing) antes de escolher uma fonte comercial, para saber onde você pode usá-la.

## Logotipos que são lettering, não fontes

O logotipo da **Coca-Cola** é uma escrita spenceriana, feita à mão na década de 1880 por Frank Mason Robinson, contador do inventor da bebida, John Pemberton. O logotipo da **Disney** vem de uma versão estilizada da assinatura de Walt Disney. Nenhum dos dois pode ser digitado, porque nenhum é uma fonte: cada um é um desenho único. O lettering dá a um logotipo uma forma que ninguém mais tem, mas você ainda precisa de uma fonte para todo o resto. [Lettering ou tipografia](https://gradiently.design/pt-br/guide/lettering-vs-typography) explica a diferença e [design de logotipo tipográfico](https://gradiently.design/pt-br/guide/wordmark-design) mostra como construir um logotipo a partir de letras.

## Fontes gratuitas com uma sensação parecida

Você pode pegar emprestada a sensação de uma escolha famosa sem copiar a marca. Estas fontes gratuitas do Google Fonts têm um ar de família com fontes conhecidas e podem ser usadas comercialmente sob as suas licenças abertas.

| Se você gosta de | Experimente | Sensação |
| --- | --- | --- |
| Futura | Jost | Geométrica, nítida, moderna |
| Gotham | Montserrat | Larga, robusta, confiante |
| Helvetica | Inter | Neutra, clara nas telas |
| Serifas de moda no estilo Didot | Playfair Display | Alto contraste, elegante |
| IBM Plex | A própria IBM Plex | Código aberto, técnica, amigável |

Alternativas gratuitas com um caráter parecido. Não são cópias; cada uma tem os seus próprios detalhes.

```css
/* Load IBM Plex Sans from Google Fonts in your HTML head, then: */
:root {
  --font-heading: "IBM Plex Sans", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", system-ui, sans-serif;
}

h1, h2, h3 {
  font-family: var(--font-heading);
  font-weight: 600;
  letter-spacing: -0.01em;
}

body {
  font-family: var(--font-body);
  font-weight: 400;
  line-height: 1.5;
}
```

Uma fonte em dois pesos, definida como variáveis para poder mudar num só lugar. Os espécimes estão no [Google Fonts](https://fonts.google.com/specimen/IBM+Plex+Sans).

## O que as fontes de marcas famosas ensinam a uma marca pequena

1. **Escolha pela sua voz** Fontes geométricas parecem modernas e amigáveis; grotescas neutras parecem calmas e confiáveis; serifas de alto contraste parecem editoriais e luxuosas. [Serifa ou sem serifa](https://gradiently.design/pt-br/guide/serif-vs-sans-serif) cobre o básico.
2. **Use uma família, no máximo duas** A maioria das marcas famosas roda com uma só família em poucos pesos. Combine uma segunda só quando ela tiver uma função clara; veja [combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing).
3. **Defina os pesos e os tamanhos** Anote qual peso é para títulos e qual é para o texto corrido, e siga isso.
4. **Use em todo lugar por anos** O reconhecimento vem da repetição, não de a fonte ser rara.

Um post em retrato com o título Palavras simples, bem compostas numa única fonte em negrito sobre um fundo em gradiente

Um post de título usando uma fonte num peso forte. A disciplina é a marca.

Um post de journal em retrato intitulado Por que usamos uma fonte só, num peso mais leve da mesma fonte

A mesma família num peso mais calmo para um texto mais longo. A mesma voz, outro volume.

No Gradiently, o kit de marca guarda uma fonte para títulos e uma para o texto, incluindo arquivos de fonte que você envia, e o Designer as usa em todo design que monta. Tratamentos de letras como Contorno, Interno e Extrusão dão personalidade a um título sem acrescentar uma terceira fonte.

## FAQ

### Quais fontes as marcas famosas usam?

Alguns exemplos são a Johnston no metrô de Londres, a Futura nos logotipos da Louis Vuitton e da Supreme, a Product Sans no Google, a Airbnb Cereal na Airbnb e a Netflix Sans na Netflix.

### Qual é a fonte do logotipo da Coca-Cola?

Não é uma fonte. O logotipo da Coca-Cola é um lettering em escrita spenceriana, feito à mão na década de 1880 por Frank Mason Robinson.

### Por que as empresas criam as suas próprias fontes?

Uma fonte personalizada dá uma voz distinta e elimina limites de licença, o que importa quando a empresa usa texto em muitos produtos e telas.

### Qual fonte gratuita é parecida com a Futura?

A Jost, disponível no Google Fonts, é uma sem serifa geométrica gratuita com uma sensação parecida.

### Uma pequena empresa deve encomendar uma fonte personalizada?

Raramente. Escolher uma fonte bem feita e usá-la com consistência traz a maior parte do benefício com uma fração do esforço.
