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

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.

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 é 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

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 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:

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;
}

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. 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. 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. 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. 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, e o resto do kit na configuração do kit de marca. Verifica a licença antes de carregares uma fonte comercial; o licenciamento de fontes explica o que procurar.

Experimentar um Mark noutras vozes

Na página de um Mark no Mercado, 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.

Quando manter a voz e quando a substituir

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. 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.