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íliaPesosQuando usarExemplo
Zen Dots400Logotipo "Agência Pilaris" e marca "AP". Nunca em texto corrido.Agência Pilaris
Montserrat400 · 500 · 600 · 700Display, H1, H2, H3. Bold/SemiBold pra hierarquia.Sua empresa no topo do Google.
Inter400 · 500 · 600 · 700Corpo, UI, formulário, navegação.Texto de leitura confortável.
JetBrains Mono400 · 500 · 600Mé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.
Logotipo · Zen Dots
Agência Pilaris