Presença no título. Clareza em cada palavra.

Quatro famílias. Funções claras.

Duas famílias fazem a maior parte do trabalho. Um destaque em itálico traz calor; mono dá aos detalhes técnicos seu lugar.

Uma hierarquia pronta para usar.

Os papéis piloto para web definem tamanho, peso, entrelinha, espaçamento e largura de leitura. Valores responsivos crescem entre telas de 360 e 1200 px; papéis fixos mantêm o tamanho. REM acompanha a preferência de fonte do leitor.

Os valores em px pressupõem raiz de 16 px. “ch” é uma largura relativa à fonte, não uma quantidade fixa de caracteres. Preserve o nível HTML correto mesmo quando usar outro papel visual.

Teste as palavras que você vai usar.

Troque o papel, escreva seu texto e compare fontes da marca com alternativas para documentos. As larguras simulam uma caixa de texto, não outra tela.

A hierarquia trabalhando em conjunto.

Alinhe rótulo, título, introdução e ação à mesma borda de leitura. As guias mostram a coluna do texto, não medidas de altura de letras específicas da fonte.

Dê espaço para as palavras.

• Alinhe parágrafos e rótulos relacionados à esquerda. Centralize apenas uma mensagem curta e independente; evite texto justificado.
• Busque cerca de 45–75 caracteres por linha em leitura longa, começando pela medida de 65ch. Permita que telas estreitas quebrem linhas naturalmente.
• Mantenha espaçamento de corpo em zero e entrelinha de 1,6. Espaçamento apertado pertence a títulos curtos e não pode fazer letras ou acentos colidirem.
• Use caixa de frase em títulos, rótulos e ações. Reserve maiúsculas para metadados curtos; evite parágrafos em caixa alta.
• Quebre títulos por unidade de sentido. Evite palavras isoladas quando possível, mas não imponha quebras de desktop no celular.
• Use uma ênfase por vez: peso, frase curta em itálico ou destaque sólido. Não estique letras, contorne corpo ou aplique gradientes ao texto.
• Mantenha caixas flexíveis. Confira traduções longas, acentos, ampliação de texto e ajustes de entrelinha sem cortar ou esconder conteúdo.

A mesma voz em formatos diferentes.

Pronto para sua equipe e sua IA.

Copie o guia completo ou use papéis estruturados e tokens CSS. Declarar a família não instala a fonte. O site serve fontes por next/font; um pacote portátil para download ainda está pendente.

Especificação piloto. Aplicação consistente entre páginas, revisão em todos os ambientes alternativos e preparação de pacotes de fontes continuam pendentes.