Design Token Studio / Reference 1.0.0
Design token reference
Definitions and verified examples for ten token types, seven core validation rules, and six platform exports.
Open Design Token StudioTOKEN-TYPE
Token types
Syntax, values, serialization, and constraints for the ten P0 editable types.
Color token
Stores color decisions for text, surfaces, borders, and actions with sRGB components and alpha.
Verified 2026-07-20Dimension token
Combines a numeric value and unit for spacing, size, and radius decisions.
Verified 2026-07-20Font family token
Stores an ordered font-family fallback list.
Verified 2026-07-20Font weight token
Stores a numeric or named font weight for body and heading roles.
Verified 2026-07-20Duration token
Stores transition and animation timing in milliseconds or seconds.
Verified 2026-07-20Cubic Bézier token
Stores a four-number easing curve for animation acceleration and deceleration.
Verified 2026-07-20Number token
Stores unitless values such as line height and opacity.
Verified 2026-07-20Border token
Combines border color, width, and style in one typed value.
Verified 2026-07-20Shadow token
Stores x/y offset, blur, spread, and color as a composite shadow.
Verified 2026-07-20Typography token
Combines font family, size, weight, and line height for a text role.
Verified 2026-07-20VALIDATION
Validation rules
Stable rule IDs for alias, naming, modes, contrast, and export readiness.
Missing alias target
An alias points to a token ID that does not exist. The affected token is not treated as resolved.
Verified 2026-07-20Circular alias
Reports the complete reference path when aliases loop without reaching a literal value.
Verified 2026-07-20Alias type mismatch
Detects incompatible references, such as a color token pointing to a dimension token.
Verified 2026-07-20Platform name collision
Different token paths normalize to the same CSS variable or WordPress slug.
Verified 2026-07-20Dark-mode coverage gap
Warns when critical semantic colors lack an explicit dark source and fall back to base.
Verified 2026-07-20Text contrast below AA
Checks 4.5:1 for normal text and 3:1 for large text after compositing alpha over the background.
Verified 2026-07-20Export contains unresolved tokens
Records mode, rule ID, and reference path in the loss report instead of silently dropping unresolved tokens.
Verified 2026-07-20EXPORT
Export formats
Mapping policy and conversion-loss behavior for all six adapters.
DTCG JSON export
Canonical interchange output that preserves curly-brace aliases, types, descriptions, deprecation, and unknown extensions.
Verified 2026-07-20CSS Variables export
Writes light values to :root and dark values to a data-attribute override for direct browser use.
Verified 2026-07-20SCSS export
Generates stable flat SCSS variables from light-mode resolved values.
Verified 2026-07-20Tailwind CSS export
Places compatible primitives in @theme and keeps semantic decisions in regular CSS variables.
Verified 2026-07-20WordPress theme.json export
Pins version 3 to WordPress 6.6 and separates standard presets from unmapped losses.
Verified 2026-07-20Style Dictionary export
Generates a reproducible Style Dictionary v4 configuration that reads the DTCG source.
Verified 2026-07-20