首頁品牌識別 CIS
BRAND IDENTITY GUIDELINES · v2.0

X Flagship
精品夜藍金綠識別規範

雙筆劃交織的 X、深夜藍與金線的明暗節奏、編輯級的網格與留白——七個要素構成 XPlatform 旗艦版的識別系統。本頁即規範,本站即示範。

7識別要素
5品牌色
2母題筆劃(藍×綠)
1辨識核心:明暗節奏
Element 02 · Color

色彩系統:夜藍為體,金綠為光

大面積深夜藍與白交替呼吸,藍綠漸層點題,金色只做細節——多一分則俗

Primary Dark
深夜藍 Midnight Navy#0A1633 · rgb(10,22,51)大面積深色段・footer・hero
Primary
旗艦藍 Flagship Blue#2B6EF2 · rgb(43,110,242)主 CTA・連結・重點
Secondary
翡翠綠 Emerald#22C98D · rgb(34,201,141)成功態・勾選・輔助 CTA
Accent
金屬淺金 Champagne Gold#C9B37E · rgb(201,179,126)細金線・徽章・僅限細節
Gradient
品牌漸層 Brand Gradient96° · #2B6EF2 → #22C98D主按鈕・裁字強調
白 38% 深夜藍 34% 旗艦藍 14% 翡翠綠 9% 金 5%

使用比例基準:金色永遠是最少的那一味——線、字、徽章,不做面。

白(hero 後續) 深夜藍 霧白 深夜藍 CTA/Footer

明暗節奏(白 ⇄ 深夜藍大段交替)是本站辨識核心:每頁至少兩段深色,段落間以細金線收邊。

Element 03 · Typography

字體系統:Noto Sans TC 一字家族

不混字體——層級全靠字重、級距與字距三個旋鈕

H1 大標
900 / clamp(34–56px)
line-height 1.24 / ls 1px
把你的知識,變成可規模化的事業
H2 段落標
900 / 26–40px
關鍵詞可用漸層裁字
六大產品模組,一個後台搞定
Kicker 小標
700 / 12px / 全大寫
letter-spacing 3px / 金色
Premium Flagship Experience
內文
400 / 15px
line-height 1.75 / #5F6C85
內文永遠橫排、行高 1.75 保持呼吸感;重點詞用 700 或墨色 #111C33 提亮,不用底線與斜體。數字建議搭配 tabular figures 對齊。
Element 04 · Motif & Shape

母題與形狀語言

三個視覺印章加上克制的圓角,任何一頁被截圖都認得出是誰

雙色交織線條藍綠兩線交會,做分隔、裝飾與資訊圖表的連接線



細金線分隔1px 金色漸層線收邊深色段、分層——永遠是線,不是面
精品編輯級網格雜誌式版面:大留白、嚴格對齊、資訊分欄
Shape · 形狀語言

圓潤但不幼態——精品感來自克制的圓角與大方的留白

卡片 18px全站卡片統一 18–20px 圓角
合作洽談
膠囊按鈕border-radius:999px,主鈕用漸層
chip 標籤
Chip 7px小標籤用小圓角,區分層級

深色段大留白深夜藍段落 padding 加大 20%
Element 05 · Imagery

圖像風格:精品編輯級攝影

深夜藍空間、電影感打光、金屬細節、大氣留白——雜誌封面等級,不用 3D 卡通

主 KV:台北 101 夜景高樓攝影棚
主 KV — 城市夜景 × 工作中的人
AI 頁 hero:深夜書房的全息投影
產品氛圍 — 深夜藍空間 × 綠金光點
案例場景:跨境會議室
案例場景 — 真實人物 × 電影感打光
premium flagship photographydeep navy night tonesemerald & gold accentseditorial compositioncinematic lightingluxury tech

圖內文字僅限計畫內短標語或無字;禁止假 logo、浮水印、霓虹 AI 味與 3D 卡通角色。

Element 06 · Components

UI 元件展示

按鈕、標籤、卡片、深色元件——直接取用,不要重造

按鈕階層(亮底)

主要 CTA・漸層次要・旗艦藍成功・翡翠綠
描邊次動作大尺寸 CTA →

標籤與徽章

功能 chip 1% 服務費 金色成效徽章 主推 hot-flag

深色段元件(夜藍底)

金框描邊鈕深色段主 CTA
Dark Card

深色卡:半透明白底 5.5%、金線描邊 25%、內文 75% 白。hover 時金線提亮。


99.95%
數據字正宗:金色體系(--gold)
NT$20+
深色底同用金色體系;藍綠漸層僅限非數字用途
Element 07 · Do & Don't

正誤用範例

四正四誤——拿不準的時候,回到「精品、克制、對比」三個詞

XPlatform
白底用標準彩色版
XPlatform
深夜藍底用提亮反白版
漸層只給主 CTA
漸層留給最重要的一顆按鈕

GOLD AS LINE
金色做線與字,不做色塊
XPlatform
禁止置於高彩度雜色底
XPlatform
禁止變形、斜切、壓扁 Logo
大面積金色底
金色不做大面積色塊
CTACTACTA
漸層鈕不並排出現多顆

閱讀方向

所有閱讀內容(標題、清單、句子)一律台灣橫排;直排僅限 1–2 字裝飾章,且不承載資訊。

插圖紀律

卡片圖區用生成的金屬玻璃質感小圖示或 1.9px 線性 icon;禁止 emoji 當插圖、禁止空色塊。

明暗紀律

每頁至少兩段深夜藍大段;連續兩段同底色時以細金線或霧白段隔開,保持呼吸。

Brand Assets

需要 Logo 檔與品牌素材包?

合作夥伴與媒體可來信索取完整 CIS 手冊、Logo 向量檔與圖像資產。

掃碼加 LINE 官方帳號領取《知識變現起步指南》
開課顧問 線上中

掃碼領取《知識變現起步指南》

免費諮詢
免費領取《知識變現起步指南》
電話諮詢 合作洽談