# A voz tipográfica de um Mark: porque cada Mark traz tipos de letra

[Canonical HTML page](https://gradiently.design/pt-pt/guide/type-voice-of-a-mark)

A cor e a textura são só metade de um estilo. Cada Mark traz também um tipo de letra para títulos, um para texto e uma forma de os compor, para que o primeiro rascunho já soe como o fundo onde assenta.

## The short version

- A voz tipográfica de um Mark é a tipografia com que começa cada design: um tipo de letra de destaque, um de texto, um peso de destaque, um espaçamento entre letras e uma capitalização.
- Os títulos seguem o tipo de letra de destaque da voz e o resto do texto segue o tipo de letra de texto, até escolheres outra coisa.
- Podes mudar o tipo de letra de qualquer linha no Studio, e pôr numa página os tipos de título e de texto do teu kit de marca.
- Uma voz tipográfica existe porque as mesmas palavras soam diferente em tipos de letra diferentes, e um fundo e a sua tipografia devem parecer uma só decisão.
- A página de um Mark no Mercado mostra-o na sua própria voz e em cinco outras combinações: Editorial, Grotesk, Poster, Classic e Modern.

A **voz tipográfica** de um Mark é a tipografia que vem com ele: um tipo de letra de destaque para os títulos, um tipo de letra de texto para tudo o resto, um peso para o tipo de destaque, um espaçamento entre letras e uma capitalização. Quando começas um design num Mark, as tuas palavras aparecem nessa voz, por isso o primeiro rascunho já condiz com o fundo. É um ponto de partida, não uma prisão: cada linha pode ser mudada e os teus próprios tipos de letra de marca podem substituí-la.

## Porque é que um fundo vem com tipos de letra

A tipografia tem um tom de voz, tal como a fala. «As portas abrem às sete» composto num Garamond fino soa a inauguração de galeria; composto em maiúsculas condensadas soa a concerto. Põe qualquer um dos dois no fundo errado e o design discute consigo mesmo. Um Mark de seda em ameixa escura e um Mark de Op art em verde-ácido querem letras diferentes, e escolhê-las em conjunto é o que faz um estilo parecer intencional.

Um convite de evento com o texto Portas abertas às sete, composto na voz tipográfica do primeiro Mark

Um Mark, na sua própria voz.

O mesmo convite num segundo Mark com outra paleta, material e tipografia

As mesmas palavras noutro Mark, que traz a sua própria voz.

Há também uma razão prática. A maioria das pessoas que cria um post semanal não é tipógrafa, e a [combinação de tipos de letra](https://gradiently.design/pt-pt/guide/font-pairing) é um dos sítios onde é mais fácil errar. Uma voz já combinada com o seu Mark tira essa decisão de cada design.

## O que contém uma voz tipográfica

| Parte | O que define | Exemplo |
| --- | --- | --- |
| Tipo de destaque | Títulos e palavras grandes | Fraunces, Syne, Bebas Neue |
| Tipo de texto | Texto corrido, detalhes, letra pequena | Inter, Manrope, Newsreader |
| Peso | Quão pesado é o tipo de destaque, de leve a extranegrito | 400 para uma serifa elegante, 700 para um cartaz |
| Espaçamento | Espaço entre letras, mais apertado ou mais solto | Ligeiramente apertado para títulos grandes |
| Capitalização | Como escrito, tudo em maiúsculas ou tudo em minúsculas | Maiúsculas para uma voz de cartaz |

As cinco partes de uma voz. Juntas decidem o aspeto de cada título do Mark antes de mexeres numa definição.

Os tipos de letra vêm da biblioteca de fontes do Gradiently, que abrange serifas como Fraunces, Playfair Display e EB Garamond, grotescas como Space Grotesk e Schibsted Grotesk, tipos de destaque condensados como Anton e Oswald, monoespaçados, manuscritos e arredondados. As [serifas contra as sem serifa](https://gradiently.design/pt-pt/guide/serif-vs-sans-serif) explicam o que cada categoria tende a dizer.

Se queres que o teu site condiga com um Mark, uma voz traduz-se diretamente em CSS. Aqui fica escrita uma voz editorial típica:

```css
h1, h2 {
  font-family: "Fraunces", Georgia, serif;
  font-weight: 400;
  letter-spacing: -0.02em; /* tracking */
  text-transform: none;    /* case: as typed */
}

body {
  font-family: "Inter", system-ui, sans-serif;
}
```

Tipo de destaque, peso, espaçamento e capitalização para os títulos; o tipo de texto para tudo o resto. Ambos os tipos estão no Google Fonts.

## Como o texto segue a voz

Cada peça de texto num design sabe se é um título ou texto corrido. Os títulos seguem o tipo de destaque, o peso, o espaçamento e a capitalização da voz; o texto corrido segue o seu tipo de texto. Enquanto uma linha não tiver um tipo de letra próprio, continua a seguir, por isso se puseres outro Mark no design, as palavras assumem também a voz do novo Mark.

O painel de cor e tipografia do Studio mostra a voz do Mark como um par de título e texto, e deixa-te usá-los em toda a página num só passo. É útil quando um modelo chega com outros tipos de letra e queres que soe como o teu Mark.

## Como mudar a voz de um Mark nos teus designs

1. **Muda uma linha** Seleciona o texto e escolhe outro tipo de letra, peso, espaçamento ou capitalização. Essa linha passa a manter a sua própria definição.
2. **Muda uma página inteira** Escolhe um tipo de título e um de texto e aplica-os à página, para que todos os títulos e parágrafos se movam juntos.
3. **Usa os tipos de letra da tua marca** Junta um tipo de título e um de texto ao teu kit de marca, carregando ficheiros OTF, TTF, WOFF ou WOFF2 se forem teus, e depois põe os tipos de letra da marca numa página num só passo.
4. **Pede ao Designer** O Designer aplica o kit de marca por ti, por isso os designs que cria começam nos tipos de letra da tua marca.

Carregar um tipo de letra está tratado em [carregar fontes personalizadas](https://gradiently.design/pt-pt/guide/custom-fonts-upload), e o resto do kit na [configuração do kit de marca](https://gradiently.design/pt-pt/guide/brand-kit-setup). Verifica a licença antes de carregares uma fonte comercial; o [licenciamento de fontes](https://gradiently.design/pt-pt/guide/font-licensing) explica o que procurar.

## Experimentar um Mark noutras vozes

Na página de um Mark no [Mercado](/market), as pré-visualizações podem alternar entre a sua própria voz e cinco combinações prontas, para que vejas o estilo com uma tipografia mais próxima da tua marca antes de criares seja o que for.

| Combinação | Tipo de destaque | Tipo de texto | Sensação |
| --- | --- | --- | --- |
| A sua própria voz | Escolhido com o Mark | Escolhido com o Mark | Como o Mark foi feito |
| Editorial | Instrument Serif | Inter | Revista, galeria, ponderado |
| Grotesk | Space Grotesk | Space Grotesk | Estúdio, técnico, atual |
| Poster | Anton, em maiúsculas | Archivo | Forte, eventos, desporto |
| Classic | Cormorant Garamond | EB Garamond | Livresco, herança, luxo discreto |
| Modern | Geist | Geist | Limpo, produto, software |

As combinações que a página de um Mark pode pré-visualizar. Cada uma é uma combinação sólida e bem testada que podes também usar nos teus próprios designs.

## Quando manter a voz e quando a substituir

### Mantém a voz do Mark

- Ainda não tens tipos de letra de marca
- A voz já combina com a tua maneira de falar
- Queres que os designs pareçam parte do fundo
- Publicas muitas vezes e queres menos decisões

### Usa os teus próprios tipos de letra

- Tens um logótipo tipográfico ou tipo de letra de marca estabelecido
- A tua embalagem, loja ou site já usam tipos de letra definidos
- Precisas de um tipo de letra que cubra determinadas línguas
- Várias marcas partilham um estilo da casa

De qualquer forma, fica por dois tipos de letra no máximo e deixa o tamanho e o peso fazerem o resto. Uma hierarquia clara importa mais do que os próprios tipos de letra, como mostra a [hierarquia visual](https://gradiently.design/pt-pt/guide/visual-hierarchy). Se as tuas palavras ficam sobre um Mark, a legibilidade trata-se à parte: o Mark move a sua zona mais calma para trás do texto e a tinta automática escolhe letra clara ou escura para cada linha, seja qual for o tipo de letra que escolheres.

## FAQ

### O que é uma voz tipográfica?

A tipografia com que um Mark começa cada design: um tipo de letra de destaque, um de texto, um peso de destaque, um espaçamento entre letras e uma capitalização.

### Posso mudar os tipos de letra de um Mark?

Sim. Muda qualquer linha no Studio, aplica um tipo de título e um de texto a uma página inteira, ou usa os tipos de letra do teu kit de marca. A voz do próprio Mark é apenas o ponto de partida.

### Posso usar os meus próprios tipos de letra no Gradiently?

Sim. Junta um tipo de título e um de texto ao teu kit de marca, carregando os ficheiros de fonte se for preciso.

### O que acontece aos meus tipos de letra se pôr outro Mark num design?

O texto que ainda segue a voz assume a voz do novo Mark. As linhas a que deste um tipo de letra próprio mantêm-no.