Go Back
Text Tokens
Text tokens within a design system represent values crucial for standardizing and controlling text styles across various elements.
Text
| Token | Value |
|---|---|
| text-primary |
ironside-gray-900
|
| text-secondary |
ironside-gray-700
|
| text-body |
ironside-gray-600
|
| text-helperer |
ironside-gray-500
|
| text-disabled |
black/[0.40]
|
| text-on-fill |
white
|
| text-brand |
crusta-950
|
| text-brand-secondary |
crusta-800
|
| text-brand-tertiary |
crusta-700
|
| text-accent |
keppel-950
|
| text-accent-secondary |
keppel-800
|
| text-accent-tertiary |
keppel-700
|
| text-success |
emerald-950
|
| text-success-secondary |
emerald-800
|
| text-success-tertiary |
emerald-700
|
| text-on-inverse |
white
|
| text-on-inverse-secondary |
ironside-gray-400
|
| text-required |
torch-red-600
|
Link
| Token | Value |
|---|---|
| link |
ironside-gray-700
|
| link-hover |
ironside-gray-600
|
| link-brand |
crusta-700
|
| link-brand-hover |
crusta-600
|
| link-accent |
keppel-700
|
| link-accent-hover |
keppel-600
|
| link-success |
emerald-700
|
| link-success-hover |
emerald-600
|
| link-on-inverse |
white
|
| link-on-inverse-hover |
white/[0.70]
|