這一頁是規範,不是素材庫
資料來源是 shared/brand/tokens.json(品牌包原檔,未經修改)。
Design System 的顏色與字體都由這裡的原色推導 —— 要調整品牌,改 tokens.json
與 shared/css/tokens.css 的 --cis-*,
不要在元件裡寫 hex。
標誌
三段同心圓弧,每段比前一段多轉 34°、各留 52° 缺口。
缺口的移動讓緞帶讀起來像莫比烏斯環;顏色由內圈往外圈漸強
左:淺底用 deepGreen → green。右:深底用 greenMid → signal。
漸強方向只有「內圈往外圈」一種,不可反向。
變體與使用時機
完整版最小 64px,簡化版(2 段弧)最小 24px
色彩
八個原色。signal 只能用在深色底 —— 淺底上它的對比度不足
映射到 Design System
元件不直接用原色,一律透過語意 token
| DS token | 來自 | 用途 | 樣本 |
|---|
字體
Outfit 用於介面與標題,IBM Plex Mono 用於數字、地址、交易代碼
Wordmark 500
Möbius
Heading 400
企業數位資產管理平台
Body 400
介面內文。中文由系統字體承接 —— Outfit 沒有 CJK 字符,
混排時數字與英文走品牌字,比硬套一個沒有中文的字型好。
Light 300
CIS 的 body 是 300,但 13px 的介面用 300 筆畫太細、長時間看數字會吃力,
所以 300 只留給大字級的說明文字。這是刻意的偏離。
Mono 400
0x8f2A…c41ab US$ 1,284,530.22 TX20260817-0042
字型檔 vendor 在 shared/vendor/fonts/(OFL 授權),不掛 CDN:
專案要能離線與 file:// 開啟,而字型屬於品牌識別,
不該依賴外部服務可用性。
禁止事項
下面三種是最常發生的誤用,示意用
自我檢查
| 項目 | 結果 | 為什麼要檢查 |
|---|