Tipografia

Duas famílias, uma escala curta e nenhum texto em caixa alta.

Os títulos usam Instrument Serif em peso 400 (nunca negrito sintético). O corpo, os rótulos, os botões e os campos usam Geist. Números de métricas usam algarismos tabulares.

Instrument Serif

Todos os headings, peso 400

--font-heading

Geist

Texto, rótulos, botões, campos e números

--font-sans

Mono do sistema

Código e identificadores. O Admin não carrega fonte mono própria

--font-mono

Escala

A escala é a do tema, medida no navegador: use text-*, não pixels.

Exemplo	Classe	Uso
Rastreio de pedidos	`text-xs`—	Legendas, selos e metadados de apoio.
Rastreio de pedidos	`text-sm`—	Padrão do Admin: tabelas, controles, descrições e botões.
Rastreio de pedidos	`text-base`—	Corpo de texto corrido e descrição de página.
Rastreio de pedidos	`text-lg`—	Texto de destaque e subtítulo curto.
Rastreio de pedidos	`text-xl`—	Título de bloco dentro de um cartão.
Rastreio de pedidos	`text-2xl`—	Título de seção e de Widget.
Rastreio de pedidos	`text-3xl`—	Valor de KPI e título de painel.
Rastreio de pedidos	`text-4xl`—	Título de página no Admin.
Pedido	`text-5xl`—	Número de destaque e títulos de abertura.
Pedido	`text-6xl`—	Exibição em página pública e landing.
Pedido	`text-7xl`—	Exibição em página pública e landing.
Pedido	`text-8xl`—	Exibição. Fora do Admin.
Pedido	`text-9xl`—	Exibição. Fora do Admin.

Estilos Compostos

Combinações recorrentes do Admin. Títulos trocam a família para Instrument Serif; o resto fica em Geist.

Exemplo	Classe	Uso
Sua Operação	`font-heading text-4xl`	Título de página (h1) do Admin, em Instrument Serif.
Últimas Tentativas	`font-heading text-2xl`	Título de seção e de Widget (h2, h3).
Acompanhe cada pedido.	`text-base`	Corpo e descrição de página.
Nome da Fonte	`text-sm font-medium`	Rótulo de campo e cabeçalho de tabela.
Atualizado há 3 minutos	`text-xs text-muted`	Metadado e legenda, em muted.
1.284	`text-3xl tabular-nums`	Valor de KPI, com algarismos tabulares.
var(--surface)	`font-mono text-sm`	Código, token e identificador.

Regras

Escala em pixels: 11, 13, 15, 17, 19, 23, 29, 34, 46, 56, 68, 90 e 120.
Títulos e rótulos em Title Case curto: "Próximo Passo", "Sua Operação".
Sem caixa alta, nem no texto nem no CSS (text-transform).
Texto secundário em muted; métricas em tabular-nums.

Faça

Título de página em Instrument Serif, corpo em Geist e valores com algarismos tabulares.

Evite

Negrito em Instrument Serif, caixa alta ou uma terceira família decorativa.