可讀性
風格 · 24 組
版型
主題
色覺
Northwind
把雜亂的工作,變成一條清楚的線
一個地方管好專案、團隊與進度。不用再開十個分頁。
即時協作
團隊改動同步更新,不怕版本打架。
自動排程
把重複的事交給系統,專心做重要的。
數據洞察
一眼看懂進度與瓶頸在哪。
午夜藍
沉穩專業
適合什麼情境
金融、法律、企業官網的安全牌。深藍給人可靠、穩重的第一印象。
為什麼這樣搭好看
深藍配冷灰是低風險組合：彩度低、對比足,看久不累,點綴的青色帶來一點生氣又不會搶戲。
可讀性檢查(WCAG)
文字疊在底色上夠不夠清楚。AA 是基本門檻,AAA 更安全。
Aa內文 / 頁底
17.1AAA
Aa內文 / 卡片
17.9AAA
Aa主色按鈕文字
10.4AAA
Aa強調色文字
5.4AA
自動就近微調不達標的顏色,讓它過關。
每個顏色用在哪
主色 — 主按鈕、頁首、連結 —— 想被點的東西
強調色 — 次要標籤、圖示、進度條,不要大面積用
頁底 — 整頁底色,接近白但帶一點冷
次要文字 — 說明文字、時間戳這類不需搶眼的字