Tipografia
Famílias, escalas e presets tipográficos.
Famílias
var(--font-heading) (Outfit)
A rápida raposa castanha
salta sobre o cão preguiçoso
var(--font-body) (Lato)
A rápida raposa castanha
salta sobre o cão preguiçoso
Presets de heading (Outfit)
Niemeyer Design System
32px / 700 / 1.25 / -0.025emNiemeyer Design System
24px / 600 / 1.25 / -0.025emNiemeyer Design System
20px / 600 / 1.25 / 0emNiemeyer Design System
18px / 500 / 1.25 / 0emNiemeyer Design System
16px / 500 / 1.25 / 0emNiemeyer Design System
14px / 600 / 1.25 / 0.025emNiemeyer Design System
12px / 600 / 1.25 / 0.025emPresets de body (Lato)
Texto padrão para parágrafos e conteúdo principal da página.
16px / 400 / 1.5Texto secundário para descrições, subtítulos e conteúdo auxiliar.
14px / 400 / 1.5Texto pequeno para footnotes, timestamps e metadados.
12px / 400 / 1.5Texto grande para intros e destaques de conteúdo.
18px / 400 / 1.75Labels de formulários e títulos de campo.
14px / 600 / 1.25Texto auxiliar e helper text de campos.
12px / 400 / 1.5Escala de tamanhos
| Nome | Tamanho | Classe | Exemplo |
|---|---|---|---|
| xs | 12px | text-xs | Morada |
| sm | 14px | text-sm | Morada |
| base | 16px | text-base | Morada |
| lg | 18px | text-lg | Morada |
| xl | 20px | text-xl | Morada |
| 2xl | 24px | text-2xl | Morada |
| 3xl | 32px | text-3xl | Morada |
Pesos
Leve — Niemeyer Design System
Regular — Niemeyer Design System
Médio — Niemeyer Design System
Semibold — Niemeyer Design System
Negrito — Niemeyer Design System
Black — Niemeyer Design System