Tipografia
Os estilos de texto do Figma como utilities type-*.
Gabarito pra display e títulos, DM Sans pra corpo e UI, Geist Mono pra código.
Cada estilo é uma utility (type-heading-1, type-body-sm…) que define
família, tamanho, entrelinha, peso e tracking de uma vez.
| Amostra | Figma · utility | Métricas |
|---|---|---|
| Proteção para a família | Display/Panel type-display-panel | Gabarito · 2.625rem / 1.04 · 800 · -0.03em |
| Proteção para a família | Display/Panel Small type-display-panel-sm | Gabarito · 1.5rem / 1.04 · 800 · -0.03em |
| Proteção para a família | Display/Number type-display-number | Gabarito · 2.25rem / 2.5rem · 700 · 0em |
| Proteção para a família | Display/Prompter type-display-prompter | DM Sans · 1.85rem / 1.4 · 600 · -0.025em |
| Proteção para a família | Heading/1 type-heading-1 | Gabarito · 1.875rem / 2.25rem · 700 · -0.025em |
Heading/1 Consentdeprecated type-heading-1-consent | Gabarito · 1.875rem / 2.25rem · 600 · -0.025em | |
| Proteção para a família | Heading/2 type-heading-2 | Gabarito · 1.5rem / 2rem · 700 · -0.025em |
Heading/2 Consentdeprecated type-heading-2-consent | Gabarito · 1.5rem / 2rem · 600 · -0.025em | |
| Proteção para a família | Heading/3 type-heading-3 | Gabarito · 1.25rem / 1.75rem · 700 · -0.025em |
| Proteção para a família | Heading/4 type-heading-4 | Gabarito · 1.125rem / 1.75rem · 700 · -0.025em |
| Proteção para a família | Heading/Card type-heading-card | Gabarito · 1rem / 1.375rem · 500 · 0em |
| Proteção para a família | Heading/Page Sansdeprecated type-heading-page-sans | DM Sans · 1.5rem / 2rem · 600 · -0.025em |
| Proteção para a família | Body/Panel type-body-panel | DM Sans · 1.0625rem / 1.375 · 400 · 0em |
| Proteção para a família | Body/Large type-body-lg | DM Sans · 1.125rem / 1.75rem · 400 · 0em |
| Proteção para a família | Body/Base type-body | DM Sans · 1rem / 1.5rem · 400 · 0em |
| Proteção para a família | Body/Base Mediumdeprecated type-body-base-medium | DM Sans · 1rem / 1.5rem · 500 · 0em |
| Proteção para a família | Body/Small type-body-sm | DM Sans · 0.875rem / 1.25rem · 400 · 0em |
| Proteção para a família | Label/Action type-label-action | DM Sans · 1.125rem / 1.75rem · 500 · -0.02em |
| Proteção para a família | Label/Action Compact type-label-action-compact | DM Sans · 0.9375rem / 1.25rem · 500 · -0.02em |
| Proteção para a família | Label/Base type-label | DM Sans · 1rem / 1.5rem · 500 · -0.01em |
| Proteção para a família | Label/Small type-label-sm | DM Sans · 0.875rem / 1.25rem · 500 · 0em |
| Proteção para a família | Label/Small Semibold type-label-sm-strong | DM Sans · 0.875rem / 1.25rem · 600 · 0em |
| Proteção para a família | Label/OTP type-label-otp | DM Sans · 1.25rem / 1.75rem · 600 · 0em |
| Proteção para a família | Label/Overline type-overline | DM Sans · 0.75rem / 1rem · 500 · 0.08em |
| Proteção para a família | Caption/Regular type-caption | DM Sans · 0.75rem / 1rem · 400 · 0em |
| Proteção para a família | Caption/Medium type-caption-medium | DM Sans · 0.75rem / 1rem · 500 · 0em |
| Proteção para a família | Caption/Semibold type-caption-strong | DM Sans · 0.75rem / 1rem · 600 · 0em |
| Proteção para a família | Caption/Micro type-micro | DM Sans · 0.6875rem / 0.875rem · 500 · 0em |
| Proteção para a família | Caption/Micro Semibold type-micro-strong | DM Sans · 0.6875rem / 0.875rem · 600 · 0em |
| Proteção para a família | Mono/Code type-mono-code | Geist Mono · 1.5rem / 2rem · 400 · 0.1em |
| Proteção para a família | Mono/Small type-mono-sm | Geist Mono · 0.875rem / 1.25rem · 400 · 0em |
| Proteção para a família | Label/Button Small type-label-xs | DM Sans · 0.8rem / 1rem · 500 · 0em |
| Proteção para a família | Label/Large Semibold type-label-lg-strong | DM Sans · 1.125rem / 1.75rem · 600 · 0em |
| Proteção para a família | Caption/Overlinedeprecated type-caption-overline | DM Sans · 0.75rem / 1rem · 400 · 0.08em |
| Proteção para a família | Brand/Wordmark type-wordmark | Gabarito · 1.5rem / 2rem · 800 · -0.03em |
| Proteção para a família | Brand/Wordmark Tablet type-wordmark-tablet | Gabarito · 1.375rem / 1.75rem · 800 · -0.03em |
| Proteção para a família | Brand/Wordmark Phone type-wordmark-phone | Gabarito · 1.25rem / 1.75rem · 800 · -0.03em |
| Proteção para a família | Display/Stage type-display-stage | Gabarito · 4.5rem / 4.75rem · 800 · -0.03em |
| Proteção para a família | Display/Stage Phone type-display-stage-phone | Gabarito · 2.5rem / 2.75rem · 800 · -0.03em |