Design Token Studio / Reference 1.0.0
デザイントークンの用語・検証・出力リファレンス
10種類のtoken type、7つの中核validation rule、6つの出力形式を、例と制約を含めて公開しています。
Design Token Studioを開くTOKEN-TYPE
Token type（値の型）
P0で編集できる10種類について、構文、値、出力方法、制約を説明します。
Color token（色）
文字色、背景色、枠線色などに使う色を、sRGB componentsとalphaを含む型として保持します。
最終検証 2026-07-20Dimension token（寸法）
余白、幅、角丸など、数値と単位を組み合わせる値です。
最終検証 2026-07-20Font family token（書体）
優先順を持つフォント名の配列を管理します。
最終検証 2026-07-20Font weight token（文字の太さ）
見出しや本文に使う文字の太さを数値または名前で管理します。
最終検証 2026-07-20Duration token（時間）
transitionやanimationの時間をmsまたはsで管理します。
最終検証 2026-07-20Cubic Bézier token（速度曲線）
アニメーションの加速・減速を4つの数値で表します。
最終検証 2026-07-20Number token（単位なし数値）
line-heightやopacityなど、単位を付けない数値を管理します。
最終検証 2026-07-20Border token（枠線）
線の色、太さ、種類を1つの複合値として管理します。
最終検証 2026-07-20Shadow token（影）
x・y位置、ぼかし、広がり、色を複合値として管理します。
最終検証 2026-07-20Typography token（文字組み）
font family、size、weight、line-heightなどを用途単位でまとめます。
最終検証 2026-07-20VALIDATION
Validation rule（検証ルール）
alias、命名、mode、コントラスト、出力状態を固定IDで説明します。
参照先がないalias
aliasが存在しないtoken IDを参照しています。対象tokenは解決済みとして出力しません。
最終検証 2026-07-20循環参照
複数のtokenが互いを参照し、値へ到達できない全経路を報告します。
最終検証 2026-07-20Aliasの型不一致
color tokenがdimension tokenを参照するなど、互換性のない型を検出します。
最終検証 2026-07-20出力名の衝突
異なるpathが同じCSS変数名やWordPress slugへ正規化される問題です。
最終検証 2026-07-20Dark modeの重要値不足
主要なsemantic colorにdark用sourceがない場合、base fallbackを示して警告します。
最終検証 2026-07-20通常文字のコントラスト不足
通常文字は4.5:1、大きな文字は3:1を基準に、alphaを背景へ合成して判定します。
最終検証 2026-07-20未解決tokenを含む出力
未解決tokenを黙って削除せず、対象mode・rule ID・参照経路をloss reportへ残します。
最終検証 2026-07-20EXPORT
Export format（出力形式）
6つのadapterについて、変換方針とloss reportの扱いを説明します。
DTCG JSON出力
交換用の正本です。curly-brace alias、型、説明、deprecated、未知extensionを保持します。
最終検証 2026-07-20CSS Variables出力
:rootへlight値、data属性へdark値を出力し、ブラウザと追加CSSで直接利用できます。
最終検証 2026-07-20SCSS出力
lightの解決値を安定したflat variableとして生成します。
最終検証 2026-07-20Tailwind CSS出力
primitiveの対応値を@themeへ、semantic値を通常CSS変数へ分離します。
最終検証 2026-07-20WordPress theme.json出力
version 3をWordPress 6.6へpinし、palette・font size・spacingと標準外のlossを分離します。
最終検証 2026-07-20Style Dictionary出力
DTCG sourceからCSS・SCSSを再現生成するv4向けconfigを出力します。
最終検証 2026-07-20