| Example | Value | Figma Variable Name | CSS Variable Name | Utility class |
|---|
| 100 | 0.75rem | font-size-100 | var(--font-size-100) | text-100 |
| 200 | 0.875rem | font-size-200 | var(--font-size-200) | text-200 |
| 300 | 1rem | font-size-300 | var(--font-size-300) | text-300 |
| 400 | 1.125rem | font-size-400 | var(--font-size-400) | text-400 |
| 500 | 1.25rem | font-size-500 | var(--font-size-500) | text-500 |
| 600 | 1.5rem | font-size-600 | var(--font-size-600) | text-600 |
| 700 | 1.75rem | font-size-700 | var(--font-size-700) | text-700 |
| 800 | 2.375rem | font-size-800 | var(--font-size-800) | text-800 |
| 900 | 3.25rem | font-size-900 | var(--font-size-900) | text-900 |
| 1000 | 4rem | font-size-1000 | var(--font-size-1000) | text-1000 |