skip to content

Ui

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 have a question, idea, or suggestion to improve this component or guidance, post in the #ask-elements Slack channel or the #ask-elements Teams channel.