F4.4 · Marca

Tipografia

Space Grotesk para Display, Inter para texto, JetBrains Mono para código. Três famílias, três funções, sem ambiguidade. Pesos limitados a 400, 500, 600, 700.

Famílias

Família	Função	Pesos	Fallback
Space Grotesk	Display, headings (>20px)	400, 500, 600, 700	Inter, sans-serif
Inter	Body, UI, labels	400, 500, 600, 700	-apple-system, Helvetica Neue, Arial
JetBrains Mono	Código, IDs, metadados técnicos	400, 500	ui-monospace, SFMono-Regular, Menlo

Quando usar cada uma

Space Grotesk

Page titles, hero, KPIs grandes.
Card titles > 20px.
Pull quotes editoriais.

Inter

Body padrão, parágrafos.
Labels de UI, botões, inputs.
Headings < 20px.

JetBrains Mono

Trechos de código.
IDs, hashes, valores hex.
Eyebrows e metadados em caixa alta.
Números em tabelas técnicas (alinhamento).

Não use Mono

Em parágrafos de leitura corrida.
Como recurso decorativo solto.
Em CTAs principais.

Carregamento e performance

<!-- Preconnect e load otimizado -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">

display=swap evita FOIT (flash of invisible text).
Self-host quando possível para LCP melhor.
Em ambiente office (PowerPoint, Word), fallback é Helvetica/Arial.