Tipografia
Type scale do Material 3. Cada papel gera uma utility text-<papel>.
Type scale
O produto usa Inter. Os tamanhos seguem os papéis do M3; o protótipo concentra
o uso em headline-large (32), headline-small (24),
title-medium / body-large (16), body-medium (14) e
body-small (12).
| Papel | Tamanho | Utility | Amostra |
|---|---|---|---|
display-large | 57px | text-display-large | Aa |
display-medium | 45px | text-display-medium | Aa |
display-small | 36px | text-display-small | Aa |
headline-large | 32px | text-headline-large | Aa |
headline-medium | 28px | text-headline-medium | Aa |
headline-small | 24px | text-headline-small | Aa |
title-large | 22px | text-title-large | Aa |
title-medium | 16px | text-title-medium | Aa |
title-small | 14px | text-title-small | Aa |
body-large | 16px | text-body-large | Aa |
body-medium | 14px | text-body-medium | Aa |
body-small | 12px | text-body-small | Aa |
label-large | 14px | text-label-large | Aa |
label-medium | 12px | text-label-medium | Aa |
label-small | 11px | text-label-small | Aa |
Uso
<p class="text-headline-small font-semibold">Título</p>
<p class="text-body-medium text-on-surface-variant">Texto de apoio</p>