這一頁是規範,不是素材庫
資料來源是 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:// 開啟,而字型屬於品牌識別, 不該依賴外部服務可用性。
禁止事項
下面三種是最常發生的誤用,示意用
自我檢查
項目結果為什麼要檢查