UI design tokens define a consistent visual language for interfaces by defining design aspects such as color, typography, and content length, which can help create a cohesive and user-friendly experience for users.
font-size
$t-a-ui-font-size
1rem
The font size of the UI.
Name
Value
Description
$t-a-ui-font-size
1rem
The font size of the UI.
color
$t-a-ui-focus-outline-color
#0088cc
The color of the UI focus outline.
Name
Value
Description
$t-a-ui-focus-outline-color
#0088cc
The color of the UI focus outline.
length
$t-a-ui-content-width
70ch
The width of the content area.
Name
Value
Description
$t-a-ui-content-width
70ch
The width of the content area.
Help improve this page
If you’ve got a question, idea or suggestion about how to improve this component or guidance, post in the #ask-elements Slack channel.
