UI とデザインシステム

📌 計画プレースホルダーページ：このページは「UI とデザインシステム——デザイントークン（プリミティブ/セマンティックの 2 層）と命名、コンポーネント仕様と状態マトリクス、アイコン、ダークテーマのマッピング表」のために確保されており、学習に合わせて内容を埋めていきます。

収録予定

• [ ] トークン層：プリミティブ（パレット）vs セマンティック、セマンティック優先の命名
• [ ] コンポーネント仕様テンプレート：構造、状態セット全体、do/don't（ボタン例）
• [ ] アイコン：統一グリッド、ストローク幅、サイズ階段
• [ ] ダークテーマ：マッピング表、コントラスト再測定、純黒を避ける
• [ ] 受け渡し：テーママッピング表 → CSS 変数（フロントエンドのスタイリングと連携）

次のステップ

• [ ] 分野概要の計画リストに照らして、本ページを項目ごとに充実させる
• [ ] 各項目に実行可能な例と失敗記録を追加する
• [ ] 完了したら「計画中」の状態を「収録済み」に変更する

執筆規約はライティングガイドを参照してください。