A voz tipográfica de um Mark: por que todo Mark vem com fontes

A voz tipográfica de um Mark é a tipografia que vem com ele: uma fonte de exibição para títulos, uma fonte de texto para todo o resto, um peso para a fonte de exibição, um espaçamento entre letras e uma caixa das letras. Quando você começa um design sobre um Mark, suas palavras aparecem nessa voz, então o primeiro rascunho já combina com o fundo. É um ponto de partida, não uma trava: toda linha pode ser mudada, e suas próprias fontes de marca podem substituí-la.

Por que um fundo vem com fontes

A tipografia tem um tom de voz, como a fala. “As portas abrem às sete” em uma Garamond fina soa como a abertura de uma galeria; em maiúsculas condensadas soa como um show. Coloque qualquer uma no fundo errado e o design briga consigo mesmo. Um Mark de seda em ameixa profundo e um Mark de Op art em verde ácido pedem letras diferentes, e escolhê-las juntas é o que faz um visual parecer intencional.

Há também um motivo prático. A maioria das pessoas que faz um post semanal não é tipógrafa, e a combinação de fontes é um dos lugares mais fáceis de errar. Uma voz que já foi combinada com o seu Mark tira essa decisão de cada design.

O que uma voz tipográfica contém

As fontes vêm da biblioteca do Gradiently, que reúne serifadas como Fraunces, Playfair Display e EB Garamond, grotescas como Space Grotesk e Schibsted Grotesk, fontes de exibição condensadas como Anton e Oswald, fontes monoespaçadas, manuscritas e arredondadas. Serifa ou sem serifa explica o que cada categoria tende a dizer.

Se você quer que seu site combine com um Mark, uma voz se traduz direto em CSS. Aqui está uma voz editorial típica escrita por extenso:

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 trecho de texto em um design sabe se é um título ou um corpo de texto. Os títulos seguem a fonte de exibição, o peso, o espaçamento e a caixa da voz; o corpo de texto segue a fonte de texto. Enquanto uma linha não tiver fonte própria, ela continua seguindo; então, se você colocar 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 permite aplicá-lo à página inteira em um só passo. É útil quando um modelo chega em outras fontes e você quer que ele soe como o seu Mark.

Como mudar a voz de um Mark nos seus designs

1. 1

   Mude uma linha

   Selecione o texto e escolha outra fonte, peso, espaçamento ou caixa. Essa linha passa a manter o próprio ajuste.

2. 2

   Mude uma página inteira

   Escolha uma fonte de título e uma de texto e aplique à página, para que todo título e parágrafo se movam juntos.

3. 3

   Use as fontes da sua marca

   Adicione uma fonte de título e uma de texto ao seu kit de marca, enviando arquivos OTF, TTF, WOFF ou WOFF2 se forem suas, e depois coloque as fontes da marca em uma página em um só passo.

4. 4

   Peça ao Designer

   O Designer aplica o kit de marca para você, então os designs que ele cria já começam nas fontes da sua marca.

Enviar uma fonte está em enviar fontes personalizadas, e o resto do kit em configurar o kit de marca. Confira a licença antes de enviar uma fonte comercial; licença de fontes explica o que observar.

Testar um Mark em outras vozes

Na página de um Mark no Mercado, as prévias podem alternar entre a voz própria e cinco combinações prontas, para você ver o visual com uma tipografia mais próxima da sua marca antes de criar qualquer coisa.

Quando manter a voz e quando trocar

Em qualquer caso, fique com duas fontes no máximo e deixe tamanho e peso fazerem o resto. Uma hierarquia clara importa mais do que as fontes em si, como mostra hierarquia visual. Se suas palavras ficam sobre um Mark, a legibilidade é tratada à parte: o Mark move sua região mais calma para trás do texto e a tinta automática escolhe texto claro ou escuro em cada linha, seja qual for a fonte.