完整使用
標誌與搭配文字不可任意裁切、變形、旋轉、壓縮或更動字距。
CI Overview
規範重點
字體優先序
委外設計優先採翔鶴黑體；內部或網頁製作可採思源黑體。
背景辨識
依底圖明暗與複雜度使用彩色、黑色、反白或反黑版本，避免外框補救。
模板一致
簡報封面與內容頁維持標題層級、章節導覽與重點資訊版式。
Brand Palette
品牌色卡
點擊色塊複製 HEX。可依色系、色相、明度或彩度排序，亦可搜尋色名。
Typography
字體規範
字體選擇依 CI 注意事項整理，網頁以可取得且可商用的思源黑體作為基準。
翔鶴黑體
台北捷運 Taipei Metro
委外設計或正式設計物優先採用，需確認授權與輸出環境。
思源黑體 Noto Sans TC
台北捷運 Taipei Metro
內部同仁自行製作、網頁與一般文件可採用，便於跨平台顯示。
Logo Usage
Logo 使用注意事項
依 CI 整理正確與錯誤用法，重點是完整性、辨識度與淨空。
正確用法
- 完整保留標誌與搭配文字。
- 維持標準比例與字距。
- 背景較深時使用反白或反黑版本。
錯誤用法
- 任意縮小文字字距或更換搭配文字。
- 裁切、壓縮、旋轉或改變標誌比例。
- 在複雜背景上加外框，導致辨識性不佳。
深色底圖
採反白或全白文字，確保辨識。
淺色底圖
採黑色或標準彩色版本。
彩色底圖
視對比使用黑、白或反黑版本。
淨空範圍內不可加入圖片、文字、色塊或其他裝飾元素；應遵守最小應用尺寸規範，確保識別度。
Presentation Template
簡報模板規範
依簡報模板範例補齊封面語彙、字級層級與內容版型方向。
Metro Taipei
Our Lifestyle
報告單位 / 2024-00-00字級層級
- 標題
- 黑體 48
- 副標
- 黑體 32
- 報告單位
- 字級 26
- 日期
- 字級 26
內容頁方向
- 可使用章節概要與序號導覽。
- 重點數字、組織架構、時間軸與成果表應有明確層級。
- 品牌色作為重點與輔助，不以裝飾壓過內容。
Decision Preview
品牌應用產生器
選擇色卡、字體、Logo 與簡報模板，即時預覽品牌視覺組合。
即時預覽已啟用 — 調整選項後預覽自動更新
UI Template Generator
資訊系統版型產生器
選擇情境與模組後按下「隨機產生」，即時生成符合北捷 CI 規範的完整資訊系統首頁版型。
主題情境
版型模組
版面結構
點選的結構會加入隨機池，每次從中抽選一種
按下「隨機產生版型」即可在此預覽完整資訊系統首頁
支援側邊欄式、頂部導覽式、分割面板式三種佈局，每次結果皆不同