Fundamentos
Tipografia
Figtree para todo texto e display, JetBrains Mono para código, dados e tokens. Ambas com licenças abertas (SIL OFL 1.1 / Apache 2.0).
Display + Texto
Figtree
fallback: Segoe UI, system-ui, sans-serif
Mono
JetBrains Mono
fallback: ui-monospace, monospace
Escala tipográfica
displayXl
Capa institucional
64px · lh 1.02 · 700
Evolução conecta pessoas.
displayLg
Abertura de seção
52px · lh 1.05 · 700
Evolução conecta pessoas.
displayMd
Título de página
42px · lh 1.08 · 700
Evolução conecta pessoas.
h1
Título 1
34px · lh 1.15 · 700
Evolução conecta pessoas.
h2
Título 2
28px · lh 1.2 · 700
Evolução conecta pessoas.
h3
Título 3
23px · lh 1.25 · 600
Evolução conecta pessoas.
h4
Título 4
19px · lh 1.35 · 600
Evolução conecta pessoas.
bodyLg
Corpo destacado
18px · lh 1.6 · 400
Evolução conecta pessoas.
body
Corpo padrão
16px · lh 1.6 · 400
Evolução conecta pessoas.
bodySm
Corpo pequeno
14px · lh 1.55 · 400
Evolução conecta pessoas.
caption
Legenda
13px · lh 1.45 · 400
Evolução conecta pessoas.
Como carregar
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap">
--evo-font-display: "Figtree", "Segoe UI", system-ui, sans-serif; --evo-font-text: "Figtree", "Segoe UI", system-ui, sans-serif; --evo-font-mono: "JetBrains Mono", ui-monospace, monospace;