空狀態、變異與狀態徽章
三個小元件，共用同一條規則：顏色永遠不是唯一線索。
空狀態：三種空不一樣
| 情境 | 使用者的問題 | 文案要回答 |
|---|---|---|
| 還沒有資料 | 我該做什麼？ | 引導建立第一筆 |
| 篩選後沒結果 | 我是不是篩錯了？ | 說出目前條件，引導放寬 |
| 沒有權限 | 是壞掉了嗎？ | 說明原因與找誰 |
三種空狀態的文案差異
還沒有任何資料
建立第一筆後，這裡會顯示明細與合計。
查無符合的資料
目前篩選：單位＝宏昌實業、狀態＝已完成。試著放寬其中一項。
沒有檢視權限
此區資料僅限管理員檢視，請洽系統管理者。
✅ 這樣做
空狀態要有下一步。使用者到這裡是卡住了。
🚫 不要這樣
不要三種情境共用一句「查無資料」。
變異：▲▼ ＋ 文字 ＋ 顏色
三重編碼
營收：增加 128,400
誤差數（越少越好）：超出 340
持平：— 持平
好壞是業務決定，不是數學決定。 成本、延遲、退貨率的正值都是壞消息，
所以元件不預設「正值＝綠色」，由呼叫端指定 goodWhen。
零值顯示「— 持平」而不是空白：空白會讓人以為資料沒載入。
狀態徽章：一定要有文字
狀態徽章
已完成審核中待補件已退回草稿
共同的驗收方法
把畫面用灰階印出來。 如果語意消失了，就是還沒做完。
這不是比喻——後台系統的報表一定會被印出來存檔，而且印表機通常是黑白的。
✅ 這樣做
色彩是第三條線索。前兩條是形狀／符號與文字。
🚫 不要這樣
不要用純色點表示狀態。它在灰階列印、色覺障礙、深色模式低飽和色下 都會失去意義——而這三種情況在後台系統裡都很常見。