Skip to content
Tokenpedia Defining terms for design tokens

DTCG

An abbreviation for the Design Tokens Community Group, a collection of stakeholders working towards creating an interoperable standard for design tokens.

{
    "color-red-500": {
        "$type": "color",
        "$value": "#F44336"
    }
}

The group defines a design token as a JSON entry where the entry’s value must include the $type and $value at a minimum.

Note

The specification also allows nesting to determine the schema.

{
  "color": {
    "red": {
      "500": {
        "$type": "color",
        "$value": "#F44336"
      }
    }
  }
}

In the above example, the token could be referenced as color.red.500.