UI 介面與設計系統

📌 規劃佔位頁：本頁為「UI 介面與設計系統：設計令牌（原始/語意兩層）與命名、組件規範與狀態全集、圖示、明暗主題映射表（實作與前端樣式方案互鏈）」預留，內容將隨學習逐步填充。

計畫收錄

• [ ] 令牌分層：原始（色板）vs 語意令牌、語意優先命名
• [ ] 組件規範模板：結構、完整狀態集、do/don't 反規則（按鈕範例）
• [ ] 圖示：統一網格、描邊粗細、尺寸階梯
• [ ] 暗色主題：映射表、對比度複測、避免純黑背景
• [ ] 交接：主題映射表 → CSS 變數（與前端樣式方案互鏈）

下一步

• [ ] 對照領域概覽的規劃清單逐項完善本頁
• [ ] 為每個條目補充可執行的範例與踩坑記錄
• [ ] 完成後把「規劃中」狀態改為「已收錄」

寫作規範請參閱寫作指南。