Display / Títulos
--font-mg-display
Urbanist 900
Black · 900 · Apenas para Display
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
var(--font-display)
Sans / Primária
--font-mg-sans
Urbanist 400–700
Regular a Bold · Corpo & UI
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
var(--font-sans)
Mono / Técnica
--font-mg-mono
JetBrains Mono 400–700
Regular a Bold · Código & HUD
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
var(--font-mono)
4.5rem
Display
MAGGIUM
3.0rem
H1
Título da Página
2.0rem
H2
Título de Seção
1.5rem
H3
Título de Card
1.0rem
Corpo
The quick brown fox jumps over the lazy dog. Cada detalhe importa na construção da identidade visual.
0.875rem
Pequeno
Texto secundário para legendas, labels e informações auxiliares ao longo do sistema.
0.75rem
Label
Labels HUD // Indicadores de Status // Navegação
0.65rem
Micro
Footer Meta // Refs // Tags de Versão // 2026
Use Urbanist 800–900 para todos os headings. Sempre uppercase com letter-spacing negativo para impacto máximo.
Use Urbanist 400 para parágrafos. Manter line-height de 1.6 e tamanho mínimo de 16px para legibilidade.
Use JetBrains Mono para metadata, tokens CSS, labels HUD e navegação. Sempre uppercase com letter-spacing expandido.
Nunca misturar fontes não aprovadas. Nunca usar Display font em texto corpo. Nunca usar peso abaixo de 400 para texto em fundo escuro.
