Language Preview—DTL is currently in alpha. Explore the language, try the playground, and learn how to use it.Alpha release coming soon.
Examples
Explore real-world examples of DTL in action. Each example demonstrates practical patterns and best practices for building design systems.
Basic Tokens
Learn the fundamentals of defining tokens, groups, and token sets.
Color System
Build a comprehensive color system with palettes, variants, and themes.
Typography
Define typography tokens including fonts, sizes, weights, and line heights.
Spacing Scale
Create a consistent spacing system using arrays, functions, and calculations.
Themes
Implement dark mode, high contrast, and other theme variants.
Components
Define component-specific tokens for buttons, inputs, cards, and more.