Tipografia
Famílias, escalas e presets tipográficos.
Famílias
font-heading (Outfit)
The quick brown fox
jumps over the lazy dog
font-body (Lato)
The quick brown fox
jumps over the lazy dog
Heading Presets (Outfit)
Niemeyer Design System
32px / 700Niemeyer Design System
24px / 600Niemeyer Design System
20px / 600Niemeyer Design System
18px / 500Niemeyer Design System
16px / 500Niemeyer Design System
14px / 600Niemeyer Design System
12px / 600Body Presets (Lato)
Texto padrão para parágrafos e conteúdo principal da página.
16px / 400Texto secundário para descrições, subtítulos e conteúdo auxiliar.
14px / 400Texto pequeno para footnotes, timestamps e metadados.
12px / 400Texto grande para intros e destaques de conteúdo.
18px / 400Labels de formulários e títulos de campo.
14px / 600Texto auxiliar e helper text de campos.
12px / 400Escala 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
Light — Niemeyer Design System
Regular — Niemeyer Design System
Medium — Niemeyer Design System
Semibold — Niemeyer Design System
Bold — Niemeyer Design System
Black — Niemeyer Design System