工程資源
Design TokensNEW
品牌色彩與樣式的「單一真相來源」。資訊單位、外包廠商、系統開發商引用這份檔案，做出來的東西顏色永遠是對的——品牌一更新，重新下載即同步。
下載格式
三種格式由同一份原始檔自動產出，數值保證一致。
色彩 tokens 一覽
變數名稱與 CSS 檔一致，前端以 var(--名稱) 引用。
| 變數名稱 | 色值 | 說明 |
|---|---|---|
--color-brand-primary | #B32023 | 馬偕紅（主色）· 來源：校徽向量檔取色 🟢（官網 CSS 現用 #C8171F，現況不一致待統一） |
--color-brand-primary-dark | #8C1A1C | 深紅（hover/深階）· 由主色衍生 🟡 |
--color-brand-secondary | #013767 | 馬偕深藍（輔色）· 來源：官網 CSS 品牌變數 🟡 待校方核定 |
--color-brand-tertiary | #04AAA2 | 青綠（輔色）· 來源：官網 CSS 品牌變數 🟡 待校方核定 |
--color-brand-accent | #F6AD00 | 金黃（點綴）· 來源：官網 CSS 品牌變數 🟡 待校方核定 |
--color-text-default | #3F3B37 | 內文墨色（產品層暖石墨，2026-07-03 首頁比稿 1a 定案） |
--color-text-muted | #79716B | 說明文字（產品層暖石墨） |
--color-text-on-primary | #FFFFFF | |
--color-surface-page | #FAF9F7 | 米白紙感背景 → 暖石墨紙白（產品層中性色，非客戶品牌色，2026-07-03 首頁比稿 1a 定案） |
--color-surface-card | #FFFFFF | |
--color-surface-line | #EAE8E4 | 細線灰（產品層暖石墨） |
--color-feedback-success | #1C7A3E |