skip to content

Gradient

Gradient design tokens define the colors and direction of a gradient used as a background or other visual element in a user interface.

string

  • $t-a-gradient-brand-direction

Name Value Description
$t-a-gradient-brand-direction to right The direction of the gradient

color

  • $t-a-gradient-brand-start-value

  • $t-a-gradient-brand-end-value

Name Value Description
$t-a-gradient-brand-start-value #0070a8 The start value of the gradient
$t-a-gradient-brand-end-value #01324b The end value of the gradient