Typography Tokens
Source: Figma Estilos completos (not documented yet), node 2198:8954. These styles are treated as part of the v1.0.0 contract.
Text Styles
| Style | Class | Sample | Font | Line height | Letter spacing | Status |
|---|---|---|---|---|---|---|
| Display large | .sui-text-display-large | Display large | Inter 900 56px | 100% | 0.5px | not documented yet |
| Display Medium | .sui-text-display-medium | Display Medium | Inter 700 44px | 100% | 0.5px | not documented yet |
| Display small | .sui-text-display-small | Display small | Inter 700 36px | 100% | 0.5px | not documented yet |
| heading large | .sui-text-heading-large | heading large | Inter 400 32px | 100% | 0.25px | not documented yet |
| headline medium | .sui-text-headline-medium | headline medium | Inter 400 28px | 100% | 0.25px | not documented yet |
| headline small | .sui-text-headline-small | headline small | Inter 400 24px | 120% | 0.25px | not documented yet |
| title large | .sui-text-title-large | title large | Inter 500 20px | 130% | 0.25px | not documented yet |
| title medium | .sui-text-title-medium | title medium | Inter 600 16px | 150% | 0.25px | not documented yet |
| title small | .sui-text-title-small | title small | Inter 600 14px | 170% | 0.25px | not documented yet |
| Label large | .sui-text-label-large | Label large | Inter 500 14px | 130% | 0.5px | not documented yet |
| Label large strong | .sui-text-label-large-strong | Label large strong | Inter 700 14px | 130% | 0.5px | not documented yet |
| Label medium strong | .sui-text-label-medium-strong | Label medium strong | Inter 700 12px | 130% | 0.5px | not documented yet |
| Label medium | .sui-text-label-medium | Label medium | Inter 500 12px | 130% | 0.5px | not documented yet |
| Label small | .sui-text-label-small | Label small | Inter 500 11px | 130% | 0.5px | not documented yet |
| Body large | .sui-text-body-large | Body large | Inter 400 16px | 150% | 0.25px | not documented yet |
| Body large strong | .sui-text-body-large-strong | Body large strong | Inter 700 16px | 150% | 0.25px | not documented yet |
| Body medium | .sui-text-body-medium | Body medium | Inter 400 14px | 170% | 0.25px | not documented yet |
| Body medium textarea | .sui-text-body-medium-textarea | Body medium textarea | Inter 400 14px | 120% | 0.25px | not documented yet |
| Body small strong | .sui-text-body-small-strong | Body small strong | Inter 700 12px | 180% | 0.5px | not documented yet |
| Body medium strong | .sui-text-body-medium-strong | Body medium strong | Inter 700 14px | 170% | 0.25px | not documented yet |
| Body small | .sui-text-body-small | Body small | Inter 400 12px | 180% | 0.5px | not documented yet |