使い方
- まず、セマンティック、コンポーネント、状態、テーマの層が大きくは崩れていない状態まで整えます。
- 次に区切り記号、ルート名、テーマ配置、状態形式を入れ替えて、実際の キー例を見比べます。
- 命名規約が十分そろったら、JSON、テキスト一覧、要約をコピーして監査や 出力の前段に使います。
便利ツール
トークン構造から、命名規約へ進む
このページは「トークン層はある」の次に置きます。答えたい問いは、チームで同じ キー規約にそろえられるかです。
JSON プレビュー
テキスト一覧
近いページとの使い分け
セマンティック カラートークン、コンポーネント カラートークン、状態 カラートークン、テーマカラートークンは、トークン構造そのものを決める段階です。トークン分類マッパーは、その ロールの置き場を決める段階です。エイリアス設計は、置き場が見えたあとで エイリアスの深さを決める段階です。このページは、残る問いが「そのキー をどう命名するか」になった段階で使います。カラートークン監査、カラートークン差分、カラートークン出力は、命名規約がほぼ固まったあとの確認、比較、引き渡しに使います。
FAQ
このページで何が作れますか？
セマンティック、コンポーネント、状態、テーマの トークンキー例を作り、区切り記号、ルート名、テーマ配置、状態形式の違いを見比べられます。
テーマカラートークンとの違いは何ですか？
テーマカラートークンはライト・ダークなどの束ね方を決める段階です。このページは、そのキー をどう命名するかの規約をそろえる段階です。
カラートークン出力との違いは何ですか？
カラートークン出力は命名規約が決まったあとに CSS変数やJSONを引き渡しする段階です。このページは出力前に命名規約を詰める段階です。
共有URLには何が入りますか？
接頭辞、区切り記号、各ルート名、テーマ配置、状態形式、テーマと状態の例を含めるかどうかが入ります。