裸露混凝土的結構誠實,搬進介面。厚邊框、直角、陶土與赭石的材料語言 — 沒有柔和陰影,沒有漸層,沒有裝可愛的圓角。
陶土紅與赭石黃是唯二的裝飾色,其餘全是混凝土灰階與印墨黑 — 材料標示,不是彩虹色盤。
單一字族 Darker Grotesque,靠 100 → 900 的極端字重跨度撐出層級,反差即層級。
直角、粗框、硬陰影 — hover 是瞬間跳變,沒有 easing 曲線。
方形材料編號牌,零圓角、零旋轉。
白底粗框卡片,絕不旋轉、絕不錯位 — 與貼紙式新粗獷主義的關鍵區隔。
邊框是結構線,不是裝飾線。每個容器都看得見自己怎麼被撐起來。
陶土、赭石、混凝土灰 — 顏色來自燒製與氧化,不是印刷原色盤。
狀態變化沒有 easing 曲線,改變是立即發生、清楚可見的。
招牌元件 — 像建材倉庫的材料樣本牆,每一格標示編號、名稱、色碼,架構本身就是內容。
| Swatch | Name 名稱 | Hex | Role 用途 |
|---|---|---|---|
| 🟠 | Terracotta 陶土紅 | #DD614C | Primary — actions / links |
| 🟡 | Ochre 赭石黃 | #DAA144 | Secondary — accents |
| ⬛ | Ink Black 印墨黑 | #111827 | Text / borders / shadows |
| ⬜ | Raw White 生白 | #FFFFFF | Surface |
| ⚪ | Concrete Gray 混凝土灰 | #78716C | Muted / dividers |
| ◽ | Concrete Light 淺混凝土 | #E7E5E1 | Alt surface |
| 🟢 | Success 成功 | #16A34A | Confirmation states |
| 🟤 | Warning 警告 | #D97706 | Caution states |
| 🔴 | Danger 危險 | #DC2626 | Error / delete states |