Intent

A more strict type of semantic token. These tokens avoid the concept of a scale and are always expected to be assigned to multiple similar user experience patterns.

An intent has the basic schema of purpose.priority.property where other token levels could be introduced but should otherwise be avoided.

Examples

text.secondary.fontSize = 1rem
surface.primary.bgColor = #FFFFFF

In the first example above, text identifies this token is expected to describe typography. secondary identifies the importance of the text among other text. fontSize identifies this token is meant to be influence the size of the text.

In the second example above, surface identifies this token is expected to describe areas where other elements can be placed upon. primary indicates that this surface is meant to capture the user’s full attention when it appears. bgColor describes this token is meant to be assigned as the background for this pattern.