首頁 / 關於 / 品牌識別 CIS

BRAND GUIDELINES・CIS 規範

AI 行銷現場・銳利數據藍

「AI 行銷現場」品牌識別系統完整規範——從自動獲客，到可累積的行銷資產。以 45° 斜切與上升折線為核心，數據藍 × 螢光青構成「六段全鏈路接起來、資產一段一段累積」的視覺語言（品牌→內容→互動→名單→頁面→追蹤，接起來，一個人也跑得動）。本頁為設計、行銷與合作夥伴的唯一依據。

Logo 規範色彩系統

8CIS 要素完整規範

6段全鏈路敘事母題

45°斜切母題角度

01・Logo 字標與安全距離

斜切平行四邊形組成的 X＋向右上箭頭意象：藍紫漸層主體、螢光青斜角切片

安全距離＝X 標高的 1/2

✕ AI 行銷現場AI 行銷全鏈路實務

✕AI 行銷現場

白底標準式／深藍黑反白式／滿版漸層式。最小使用尺寸：數位 24px 高、印刷 8mm 高；標誌右上角的螢光青切片不可移除。品牌一句話固定為「從自動獲客，到可累積的行銷資產」；站名只叫「AI 行銷現場」，不加任何教育機構式後綴或別名。

02・色彩系統

數據藍＝判斷與方法、螢光青＝訊號與資產、深藍黑＝現場——比例約 60：10：20，白與淺藍漸層補足 10

主色

數據藍・判斷與方法#1C81FA・RGB 28,129,250

強調

螢光青・訊號與資產#00E5C3・RGB 0,229,195

深色舞台

深藍黑・現場#0B1B33・RGB 11,27,51

按鈕漸層

藍紫漸層90° #1C81FA → #6A5CFF

輔助點綴

信號橙#FFB434・角標／推薦標

正文墨色 #333333、輔文 #757575、線框 #E5EEF9、淺底 #FAFCFF／#F4F7FC。螢光青僅用於小面積訊號（角標、kick 標籤、互動訊號、資產標記），不得作大面積底色——訊號要稀有，才讀得出「留下了什麼」。

03・字體系統與層級

全站 Noto Sans TC；數字使用等寬數字（tabular-nums）強化「數據感」

Display H1 / 900 / clamp→46px獲客只是入口，不是終點

H2 / 900 / clamp→38pxAI 行銷六段全鏈路

H3 卡標 / 900 / 22px互動不是熱鬧，是留下訊號

內文 / 400 / 16px品牌、內容、互動、名單、頁面、追蹤——先看鏈路，再決定 AI 放哪裡；每一段都要留下可重用的工作資產。

數據 / 900 / 30px / tnum5,000+ 人次參與・4 成+ 加入好友

輔助小標 / 700 / 13px / 2px 字距FULL-CHAIN・DATA DRIVEN

大標可局部使用斜體點綴增長感（單詞級，不整句斜）。中文閱讀內容一律橫排；直排僅允許 1–2 字裝飾章。示範的成效數字為公開 O2O 案例口徑（sugarfun.com.tw 公開作品頁）——全站成效數字一律附口徑與來源，不得自創。

04・圖形母題

三個母題說同一個故事：斜切 45°＝接起來的鏈路、上升折線＝資產累積曲線、網格點陣＝現場的作業底

斜切 45° 分隔帶＝接起來的鏈路 clip-path 斜切色帶用於 section 銜接與卡角——六段之間「接起來」的視覺語言

上升折線＝資產累積曲線 右上走勢代表「資產每月變厚」，節點以螢光青點標記留下的工作資產

網格點陣背景＝現場作業底 16–22px 間距點陣，用於 hero 與深色帶的底紋，象徵可追蹤的作業格線

形狀語言：卡片 8px 小圓角、按鈕 40px 膠囊、重點卡允許單角斜切；版面方正緊湊，禁用大圓弧與軟糖形。母題語意固定對應品牌敘事，圖形本身不可另創變體。

05・圖像風格板

sharp data-driven：懸浮儀表板、上升折線、斜切構圖、數據藍＋螢光青。主視覺一律使用「全鏈路系列圖庫」，不混用其他插畫風

小圖示材質：扁平微立體數據風

追蹤儀表板

互動訊號

AI 放對位置

名單分層

跟進節奏

資產驗收

承接鏈路

圖示規範：數據藍主體＋螢光青收邊、輕等角深度、淺藍白漸層底；同站僅此一種材質，禁止混用玻璃／黏土／紙雕質感，禁止以 emoji 充當圖示。語境不合的舊圖示（與行銷六段無關者）一律移除，不留用。

06・UI 元件展示

按鈕、標籤、卡片、表格——元件即品牌

按鈕 BUTTONS

進現場，開始建你的行銷資產先看六段怎麼接看現場經歷

進現場，開始建你的行銷資產看方案

標籤 CHIPS & BADGES

六段全鏈路留下資產額滿不收・開班不延功能 chip

卡片與數據 CARDS & DATA

主推

標準功能卡

8px 圓角、1px 線框、hover 上浮＋頂端漸層線。

橫排 ✓ 清單項目
角標貼於右上斜切

5,000+數據以 tnum 等寬呈現＋單位小字；成效數字一律附口徑與來源

07・正確與錯誤用法：視覺＋文案

守住這幾條線，「AI 行銷現場」十頁並排時一眼可辨——文案紀律與視覺紀律同等位階，違反即擋稿

✓ 正確 DO

主色 #1C81FA 為骨架，螢光青只做小面積訊號
斜切帶、上升折線、點陣至少擇二貫穿版面
hero 用結構化商業視覺（儀表板／折線／斜切構圖），主視覺只用全鏈路系列圖庫
「全鏈路」首次出現必附白話：品牌→內容→互動→名單→頁面→追蹤，六段接起來，一個人也跑得動
成效數字一律附口徑與來源（公開案例：5,000+ 人次參與、4 成+ 加入官方好友）；貨幣一律 NT$
AI 賣點句式固定：「先有行銷判斷，再把 AI 放到正確位置」；平台只提 LINE／FB／IG／YouTube／Threads／Google

✕ 錯誤 DON'T

螢光青大面積鋪底（訊號色會失效）；把標誌的螢光青切片拿掉或改色
大圓弧、軟糖形、圓潤 clay 3D 圖像；emoji 充當圖示；直排整段文字
在「AI 行銷現場」之外另創站名，或在品牌名後加任何教育機構式字樣、英文機構別名
未附來源的營收、ROAS、轉換率、成交數、名單數——任何自創成效數字
「AI 直接幫你帶來 N 倍成效」句式——成效來自判斷，不來自工具
非台灣語境的行銷用語與平台稱呼；假倒數、假名額（開班日與名額必須是真的：額滿不收、開班不延）

08・版面節奏

白底為主、斜切色帶分隔、深藍黑數據帶穿插——這一段就是示範

白底工作區

方法主體站在白／淺藍底上——如「AI 行銷六段全鏈路」「每一段，都要留下工作資產」等方法區塊。

斜切分隔

敘事轉場用 45° 斜切色帶——從「名單進來了，生意卻沒有變好」接到「不是缺流量，是每一段沒有接起來」。

深色數據帶

信任與收束段（「看得出經驗，也看得出判斷」「加入 AI 行銷現場」）用深藍黑舞台，螢光青訊號點亮。

回首頁看完整示範 →

AI 行銷現場——從自動獲客，到可累積的行銷資產。
先有行銷判斷，再把 AI 放到正確位置。

品牌→內容→互動→名單→頁面→追蹤，六段接起來，每段都留下可重用的工作資產。開班日與名額是真的：額滿不收、開班不延。

進現場，開始建你的行銷資產先看六段全鏈路怎麼接 →

還想先問問人？電話諮詢 02-2732-7819（週一至週五 09:30–18:30）