Tipografia
Space Grotesk para interface. IBM Plex Mono para código e dados. Carregamento: next/font/google (no local font files in repo).
Famílias
Sans · UI
Space Grotesk
Aa Bb Cc 123 — títulos, corpo e labels.
Mono · dados
IBM Plex Mono
0x7C3AED · 18.30:1 · npm run dev
Escala
H1 · 36/56px · peso 700 · LH 1.1
Sistemas que carregam a marca.
H2 · 30/40px · peso 700 · LH 1.15
Hierarquia clara em qualquer tela.
H3 · 24/28px · peso 600 · LH 1.25
Seções e subtítulos de apoio.
BODY · 16/16px · peso 400 · LH 1.55
Corpo de texto para documentação e interface. Space Grotesk cobre display e leitura; o wordmark PNG permanece o logo oficial e não é recriado tipograficamente.
LABEL · 14/14px · peso 600 · LH 1.4
Label de controle
CAPTION · 12/12px · peso 400 · LH 1.5
Caption e metadados auxiliares.
CODE · 14/14px · peso 400 · LH 1.5
const ratio = 4.5; // IBM Plex Mono
Texto longo
Leitura contínua
O Design System Rafastos.io documenta decisões reutilizáveis. A tipografia da interface não imita o wordmark: o logo continua sendo o PNG oficial. Em telas estreitas, H1 e H2 usam os tamanhos mobile da escala e quebram naturalmente sem overflow horizontal.
Números técnicos preferem mono quando a comparação de dígitos importa: #0B0F19, 4,5:1, 96px.
Violet AI em títulos
Permitido só em títulos grandes sobre Obsidian (≥3:1). Não usar em body, label, caption ou link pequeno.
Título grande com Violet AI