designtokens.fyi

© Design Systems House

Semantic

A tier of token meant to describe a general interface concept. The naming of this token should consider several kinds of user interface patterns as a group, and then name according to the purpose for that pattern.

The responsibility of these tokens is typically those who are responsible for distributing assets and resources throughout the organization. These are usually the same folks maintaining patterns, components, and other sharable parts for the organization to use. The value assigned to these tokens can be permanent or reference another token.

Examples

input.critical.bdColor = color.red.500
surface.elevated.bgColor = #FFFFFF

These tokens are helpful for following reasons:

  1. They support the ability for different presentations through aliasing. This unlocks features such as rebrands, user preferences, and other shared expressions.
  2. They expect to affect multiple places at once, usually all with the same purpose. This maintains consistency between similar experiences.