Token, Please! M3 Token Inspector
Case
01 / 16
Time
12s
Score
0
+0
Errors
UI Component
Case No. —

FORM —
Declared Tokens

Token, Please!

M3 TOKEN INSPECTOR · CHECKPOINT 04

你是 Design System 審查官。畫面會送來工程師提交的 UI 元件實作報告,附上一張 UI 與其指定的 Material Design 3 Token。

核心三原則
Ref Token 不可直接用於元件md.ref.palette.* 屬於原始色票,只能流入 sys 層。
on- 前綴必須配對 — 放在 primary-container 上的文字 / 圖示要用 on-primary-container
Slot 對應分類 — 顏色用 sys.color.*、字體用 sys.typescale.*、陰影用 sys.elevation.*
計分方式
每答對一題,依「剩餘秒數」給分 — 愈早出手分數愈高:
1s = 10 分 · 2s = 22 分 · 3s = 33 分 · 4s = 44 分 · …
答錯或逾時 = 0 分
⏱ 每案 12 秒 · ❌ 三次錯誤 Game Over · ⌨ A 核准 / R 退件