Basic Tokens Example

This example demonstrates the fundamental concepts of DTL: token sets, groups, and tokens.

Complete Example

Key Concepts

Token Sets

Token sets are the top-level containers. They group related tokens together and provide a namespace.

Groups

Groups organize tokens within a token set. They create a hierarchical structure that makes your design system easier to navigate.

Tokens

Tokens are the individual design values. They can be colors, sizes, strings, or any other supported type.

Using These Tokens

Once defined, you can reference tokens using dot notation:

Next Steps

Now that you understand the basics, explore color systems or themes.