| Example | Value | Figma Variable Name | CSS Variable Name | Utility class |
|---|
| Thin | 100 | font-weight-100 | var(--font-weight-100) | font-100 |
| Extra Light | 200 | font-weight-200 | var(--font-weight-200) | font-200 |
| Light | 300 | font-weight-300 | var(--font-weight-300) | font-300 |
| Normal | 400 | font-weight-400 | var(--font-weight-400) | font-400 |
| Medium | 500 | font-weight-500 | var(--font-weight-500) | font-500 |
| Semi Bold | 600 | font-weight-600 | var(--font-weight-600) | font-600 |
| Bold | 700 | font-weight-700 | var(--font-weight-700) | font-700 |
| Extra Bold | 800 | font-weight-800 | var(--font-weight-800) | font-800 |
| Black | 900 | font-weight-900 | var(--font-weight-900) | font-900 |