Tipografia
Jost para display. Inter para interface e números. Código na pilha mono do sistema. Carregamento: next/font/google (no local font files in repo).
Famílias
Display · títulos
Jost
Aa Bb Cc 123 — hero, h1 a h3.
Interface · números
Inter
Aa Bb Cc 123 — corpo, labels e números tabulares.
Escala
H1 · 32/48px · peso 500 · LH 1.08
Sistemas que carregam a marca.
H2 · 26/36px · peso 500 · LH 1.14
Hierarquia clara em qualquer tela.
H3 · 20/24px · peso 500 · LH 1.25
Seções e subtítulos de apoio.
BODY · 16/16px · peso 400 · LH 1.65
Corpo de texto para documentação e interface. Inter cobre leitura e números tabulares; Jost fica no display. O logo é vetorial e não é recriado tipograficamente.
LABEL · 14/14px · peso 600 · LH 1.4
Label de controle
CAPTION · 12/12px · peso 400 · LH 1.5
Caption e metadados auxiliares.
CODE · 14/14px · peso 400 · LH 1.5
const ratio = 4.67; // tabular-nums
Texto longo
Leitura contínua
O Design System Finance Equity documenta decisões reutilizáveis. A tipografia da interface não imita o wordmark: o logo é vetorial e continua sendo o arquivo oficial. Em telas estreitas, H1 e H2 usam os tamanhos mobile da escala e quebram naturalmente sem overflow horizontal.
Números técnicos são sempre tabulares, para não “dançarem” quando o valor muda: #253140, 4,67:1, 96px.
Laranja em títulos
Permitido só em títulos grandes sobre Navy (≥3:1). Não usar em body, label, caption ou link pequeno.
Título grande com Laranja