Fonte principal / Títulos
Token do sistema: --fd
Averia Libre 300–700
Títulos, destaques, manifestos e frases de impacto
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
var(--fd)
Fonte secundária / Leitura
Token do sistema: --fs e --fm
Urbanist 300–900
Textos, menus, botões, formulários, dados e informações técnicas
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn
var(--fs)
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
Texto que explica, orienta e torna a próxima decisão mais simples de entender.
0.875rem
Pequeno
Texto secundário para legendas, notas e informações que apoiam a leitura.
0.75rem
Label
Labels de interface // Status // Navegação
0.65rem
Micro
Metadados // Tokens // Referências // Versão
Use Averia Libre 400 ou 700 em títulos, manifestos e frases que pedem voz. A caixa alta é uma escolha editorial, não uma regra automática.
Use Urbanist 400 ou 500 para parágrafos, descrições e instruções. Mantenha 16px ou mais em textos corridos e line-height de ao menos 1.6.
Use Urbanist 600 ou 700 em menus, botões, tabelas, gráficos e labels. Use caixa alta e espaçamento apenas quando a leitura continuar imediata.
Não adicione uma terceira família. Não use Averia Libre em texto corrido e não reduza Urbanist abaixo de 12px em interface ou 16px em parágrafos.
