Fundamentos
Tipografia
Duas famílias, dois papéis. A Outfit é a interface; a Libre Baskerville é a voz.
Interface
Outfit
300 – 700 (variável) · o app usa 400 e 500
Geométrica, humanista o suficiente pra não parecer dashboard. Toda a UI: rótulo, botão, formulário, tabela, corpo.
A voz
Libre Baskerville
400 · 700 — o app só usa o 400
Nome da marca, título de página, saudação e a resposta da secretária no chat. Nos títulos marca hierarquia; no chat marca autoria.
Serifada — a voz
Hierarquia pelo tamanho; o peso é 400 em todos. Clique pra copiar as classes.
Sans — a interface
text-sm é o corpo do painel — 139 ocorrências contra 4 de text-base. A leitura maior fica pro chat.
Regras
Serifada só nos dois papéis
Hierarquia (nome da marca, título) e autoria (a fala da secretária). Rótulo, botão e formulário são sempre sans — serifada ali vira convite de casamento.
Peso é quase sempre 400
O medium (500) entra no botão e no nome da lista. Negrito de verdade não aparece na interface: contraste vem do tamanho e da família, não do peso.
Tracking negativo na geométrica
h1, h2 e h3 levam -0.02em: a Outfit abre demais nos tamanhos de título. A serifada não — ela já vem com o espacejamento certo, e o aperto empilharia as hastes.
Serifada do tamanho da sans, aos olhos
A altura-x da Baskerville é 0.53 do em; a da Outfit, 0.46. Aos mesmos 16px a serifada lê 15% maior. No chat, `serif-optical` (font-size-adjust) encolhe até os dois "x" baterem.
Consigo. Sexta às 14h está livre — já mandei a confirmação pra ela.