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.

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

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

In the second example above, surface identifies that 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 that this token is meant to be assigned as the background for this pattern.