Foundations
Typography
A tipografia é a principal ferramenta de hierarquia da interface. Usamos Inter Tight para textos e JetBrains Mono para dados técnicos e código.
Font Families
Duas famílias, funções bem separadas.
Primária
Inter Tight
Interface, conteúdo, títulos e rótulos.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Monoespaçada
JetBrains Mono
Tokens, código, IDs, CNPJ e valores técnicos.
--color-primary · 12.345.678/0001-90
Type Scale
Escala completa com tokens correspondentes.
Display
48px / 56px · 700
H1
36px / 44px · 700
H2
28px / 36px · 600
H3
22px / 30px · 600
H4
18px / 26px · 600
Subtitle
16px / 24px · 500
Body Large
17px / 28px · 400
Body
15px / 24px · 400
Body Small
13px / 20px · 400
Label
13px / 18px · 600
Caption
12px / 16px · 400
Weights
Somente quatro pesos são permitidos.
Aa
Regular · 400
Aa
Medium · 500
Aa
Semibold · 600
Aa
Bold · 700
Regras de uso
Restrições que mantêm a leitura consistente.
| Regra | Valor | Observação |
|---|---|---|
| Largura de leitura | máx. 72 caracteres | |
| Hierarquia | 1 H1 por página | |
| Line height | ≥ 1.4 para body | |
| Uppercase | Somente em labels | |
| Truncamento | Uma linha com ellipsis |