Gradients as the primary design language — 深電紫到熱粉的過渡即是這套系統的視覺主詞
Color transitions, not static fills, communicate hierarchy and energy.
幾何開放字形讓正文快速可讀,連結用純電紫(hover 轉熱粉),技術內容用 JetBrains Mono。
Hover 時漸層位置位移,給互動一個「活著」的色相回饋。
小面積徽章用純色,不勉強塞漸層 — 純色是系統的備援語言。
淺漸層底色 + hover 浮現漸層邊框,展現系統的招牌能量。
8pt 網格對齊,讓漸層的視覺能量落在可預期的節奏裡。
陰影帶一點 Primary 色調,呼應系統色軸而非純黑灰。
進度條隨填充比例穿越整段紫→洋紅→粉光譜,而非單色拉長 — typeui.sh 原文明確點名的招牌用法。
| 色彩 | Hex | 角色 |
|---|---|---|
| 電紫 | #990FFA | Primary — 漸層起點、主要動作 |
| 熱粉 | #E60076 | Secondary — 漸層終點、hover |
| 中界洋紅 | #BF07B8 | 漸層中段、小面積過渡代表色 |
| 皓白 | #FFFFFF | Surface — 背景、卡片 |
| 成功綠 | #16A34A | Semantic — Success |
| 警告橙 | #D97706 | Semantic — Warning |
| 危險紅 | #DC2626 | Semantic — Danger |