# Fontes monospace em branding: tech, editorial e retro

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

A tipografia monospace nasceu para máquinas de escrever e terminais. Hoje as marcas usam-na para parecer precisas, diretas ou nostálgicas. Aqui ficam como escolher uma, onde a pôr numa identidade e onde não pertence.

## The short version

- Numa fonte monospace, todos os caracteres ocupam a mesma largura, por isso o texto alinha-se em colunas perfeitas.
- A tipografia monospace lê-se como técnica, editorial ou retro, consoante o tipo e as cores à volta.
- JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono e Courier Prime são fontes monospace gratuitas no Google Fonts.
- As fontes monospace funcionam melhor em etiquetas, números, códigos e linhas curtas, e cansam em parágrafos longos.
- Se só precisas que os números se alinhem, os algarismos tabulares numa fonte normal resolvem sem mudar toda a voz.

As **fontes monospace** dão a todos os caracteres a mesma largura, por isso um i ocupa tanto espaço como um m e o texto alinha-se em colunas certinhas. Esse ritmo mecânico é a razão pela qual as marcas as usam: numa identidade tecnológica a monospace lê-se como precisa e bem engendrada, em design editorial como direta e documental, e em trabalho retro lembra máquinas de escrever, talões e terminais de ecrã verde. Bons tipos gratuitos incluem JetBrains Mono, IBM Plex Mono, Space Mono, DM Mono e Courier Prime, todos no Google Fonts.

## Porque é que a tipografia monospace transmite o que transmite

As fontes normais são proporcionais: letras estreitas ocupam caixas estreitas, letras largas caixas largas. A monospace obriga todas as letras a uma só caixa. As letras estreitas ganham serifas ou barras para encher o espaço, as largas são apertadas, e o resultado tem uma grelha visível. As pessoas associam essa grelha às máquinas que a produziram: máquinas de escrever, editores de código, terminais, bilhetes de avião e etiquetas de envio. Essas associações são o valor da marca e, ao mesmo tempo, o risco.

## Fontes monospace gratuitas, por estilo

| Estilo | Google Fonts | Carácter | Assenta a |
| --- | --- | --- | --- |
| Técnica e limpa | JetBrains Mono, Geist Mono, Roboto Mono, Source Code Pro | Neutra, muito legível, feita para código | Ferramentas para programadores, SaaS, documentação |
| Corporativa e editorial | IBM Plex Mono, DM Mono, Red Hat Mono | Calma, refinada, um pouco livresca | Revistas, estúdios, relatórios anuais |
| De carácter | Space Mono, Martian Mono, Azeret Mono | Geométrica ou excêntrica, forte em tamanhos grandes | Títulos, cartazes, marcas criativas |
| Máquina de escrever | Courier Prime, Special Elite | Serifas em barra, tinta e papel | Argumentos, cartas, marcas vintage |
| Ecrã retro | VT323, Share Tech Mono | Formas de terminal e de ecrã de ficção científica | Jogos, música, campanhas nostálgicas |

Gratuitas, com licenças abertas. A Fira Code acrescenta ainda ligaduras de programação que transformam pares como => em símbolos únicos.

Algumas histórias ajudam na escolha. A **IBM Plex Mono** faz parte da família corporativa da própria IBM, por isso traz uma calma séria e institucional. A **Space Mono** foi desenhada pela Colophon para o Google Design e tem um aspeto geométrico distintivo que aguenta como título. A **Courier Prime** foi feita como uma Courier mais refinada para argumentos de cinema. A **VT323** baseia-se nas letras de um terminal DEC dos anos 1980, por isso lê-se de imediato como retro.

## Monospace no branding tecnológico

Para ferramentas de programação e produtos técnicos, um tipo mono sinaliza que a marca fala a língua do utilizador. A armadilha é usá-lo em todo o lado. Um site inteiro em monospace cansa a leitura e parece um editor de código e não um produto. O padrão mais forte é uma sem serifa limpa para títulos e texto, com monospace para os pormenores genuinamente técnicos: números de versão, comandos, etiquetas, preços em tabelas, pequenos sobretítulos.

Uma imagem larga de ligação de LinkedIn que anuncia a Versão 3.0 com uma pequena etiqueta técnica acima do título

Uma imagem de ligação de LinkedIn de 1200×627 para uma versão. Uma etiqueta de versão é a casa natural da monospace; o título pode ficar numa sem serifa.

Uma publicação editorial vertical intitulada Boletim 017 com uma pequena etiqueta de data e uma lista curta

Uma publicação editorial. Datas, números de edição e etiquetas de arquivo em mono dão um ar documental, de caderno de notas.

## Monospace no design editorial

Revistas, newsletters e estúdios usam monospace para metadados: datas, legendas, créditos, números de edição e cabeçalhos correntes. Ao lado de uma serifa ou de uma sem serifa refinada, acrescenta uma nota de honestidade, como o caderno de um repórter ou uma etiqueta de arquivo. Funciona porque é usada com parcimónia e em tamanho pequeno, em maiúsculas ou minúsculas com um pouco de espaçamento entre letras. Os [fundamentos de tipografia](https://gradiently.design/pt-pt/guide/typography-basics) e a [combinação de fontes](https://gradiently.design/pt-pt/guide/font-pairing) explicam como construir esse contraste.

## Monospace no design retro

A monospace retro vem em dois dialetos. Os tipos de máquina de escrever trazem papel, tinta e o escritório dos anos 1960; os tipos de terminal trazem ecrãs luminosos e a informática dos primórdios. A cor faz metade do trabalho: um tipo de máquina de escrever sobre branco quente quebrado, um tipo de terminal em verde fósforo ou âmbar sobre quase preto. As [fontes retro](https://gradiently.design/pt-pt/guide/retro-fonts) cobrem a gama mais vasta de estilos nostálgicos.

- Preto de terminal: #0b0f0c
- Verde fósforo: #33ff66
- Ecrã âmbar: #ffb000
- Papel de máquina: #f3ecdc
- Tinta de fita: #2b2a28

Dois mundos retro para a monospace: verde ou âmbar sobre preto de terminal, ou tinta de fita sobre papel de máquina. Escolhe um, nunca os dois.

## Usar bem a monospace

### Evita

- Parágrafos longos em monospace
- Monospace para todos os elementos de uma marca
- Tipos de máquina de escrever em texto financeiro sério
- Misturar dois tipos mono diferentes
- Etiquetas mono minúsculas sem espaçamento entre letras

### Faz

- Mono para etiquetas, números, códigos e linhas curtas
- Uma sem serifa ou serifada para títulos e texto
- Ajusta o estilo ao tom da marca
- Um só tipo mono, usado em uma ou duas funções
- Mono pequena em maiúsculas com cerca de 0,05em de espaçamento

Às vezes o que realmente queres são números que se alinhem, e não uma voz mecânica. Muitas fontes proporcionais incluem algarismos tabulares, dígitos que partilham todos a mesma largura, que podes ativar em CSS. Isso mantém preços e tabelas arrumados sem mudar o ambiente de todo o design.

```css
/* A monospace accent for technical labels */
.label {
  font-family: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

/* Aligned numbers without switching to monospace */
.price-table td {
  font-variant-numeric: tabular-nums;
}
```

`ui-monospace` usa o tipo mono do próprio sistema operativo como alternativa. `tabular-nums` alinha os dígitos em fontes que o suportam.

A monospace combina bem com fundos de gradiente e de materiais, porque a sua textura plana e uniforme contrasta com a cor suave. No Gradiently, um Mark mantém as etiquetas pequenas legíveis ao mover a sua região mais calma para trás das palavras e ao escolher tinta clara ou escura por linha, e com o Pro o kit de marca guarda as tuas fontes de título e de texto, incluindo [ficheiros de fonte carregados](https://gradiently.design/pt-pt/guide/custom-fonts-upload). Para uma visão mais ampla da tipografia de marca, vê as [fontes da marca](https://gradiently.design/pt-pt/guide/brand-fonts) e as [fontes modernas](https://gradiently.design/pt-pt/guide/modern-fonts).

## FAQ

### O que é uma fonte monospace?

Uma fonte em que todos os caracteres ocupam a mesma largura horizontal, por isso o texto alinha-se em colunas, como numa máquina de escrever ou num editor de código.

### Qual é a melhor fonte monospace gratuita?

JetBrains Mono e IBM Plex Mono são excelentes para tudo. A Space Mono assenta a títulos e a Courier Prime a estilos de máquina de escrever. Todas são gratuitas no Google Fonts.

### Posso usar uma fonte monospace numa marca?

Sim, sobretudo em marcas tecnológicas, editoriais ou retro. Usa-a em etiquetas, números e linhas curtas, e combina-a com uma sem serifa ou serifada para textos mais longos.

### A monospace é boa para texto corrido?

Normalmente não. Larguras iguais tornam as palavras irregulares e os parágrafos mais lentos de ler. Reserva a monospace para código e pequenos trechos de texto.

### Como alinho números sem uma fonte monospace?

Usa algarismos tabulares. Em CSS, `font-variant-numeric: tabular-nums` faz os dígitos partilharem a mesma largura em fontes que o suportam.