03.
Tipografia editorial.
Quatro famílias, papéis distintos. Zen Dots é exclusivo do logotipo. Montserrat pra display e título. Inter pra corpo. JetBrains Mono só onde tem dado real (métrica, token).
Famílias
| Família | Pesos | Quando usar | Exemplo |
|---|---|---|---|
| Zen Dots | 400 | Logotipo "Agência Pilaris" e marca "AP". Nunca em texto corrido. | Agência Pilaris |
| Montserrat | 400 · 500 · 600 · 700 | Display, H1, H2, H3. Bold/SemiBold pra hierarquia. | Sua empresa no topo do Google. |
| Inter | 400 · 500 · 600 · 700 | Corpo, UI, formulário, navegação. | Texto de leitura confortável. |
| JetBrains Mono | 400 · 500 · 600 | Métrica, valor de token, hex, oklch. | CPL · R$ 14,20 |
Escala
Display · 72
Captação previsível.
H1 · 56
Capítulo aberto.
H2 · 40
Seção do capítulo.
H3 · 28
Subseção SemiBold.
Body · 16
Texto de leitura padrão. Inter regular.
Small · 14
Auxiliar — legenda, caption.
Mono · 13
var(--ap-orange-500) · #FB8500
Display de marca
Aplicação · brand statement
Sua empresa
no topo do Google.
no topo do Google.
Logotipo · Zen Dots
Agência Pilaris