CIS SUPPLEMENT | 擴充手冊
元件與版型
擴充包
Components & Templates Expansion
主手冊管原則,這一本管配件。
按鈕、徽章、卡片、限動、封面、海報——
把品牌每天要穿的衣服,一次做齊。
白袍人生學院 | 企業識別系統
v1.0 ・ 2026.07
00 — HOW TO USE
這一本,怎麼用
規範講完了「品牌是誰」,
這一本回答「所以每天的東西怎麼做」。
使用順序:先讀主手冊(01 完整版指南),懂了色彩與字體的原則,再回來套這裡的元件。所有元件都已經按照七色色票、60/30/10 比例、字體三件套做好,照抄即可,不必重新發明。
一條總原則:每一個畫面,金色只出現在「一個焦點」上。按鈕用了金,數字就別再金;徽章用了金,背景光就收斂。畫面覺得亂,先數金色出現幾次。
(左上品牌字標與金短線是固定簽名,不計入焦點預算。)
01 — BUTTONS
按鈕系統
按鈕是品牌「行動感」的出口。
層級只有四種,夠用,也不會亂。
On Light ・ 淺底(白袍白 / 白)
走吧,該行動了CTA ・ 強調(每畫面限 1 顆)
Primary:學院藍底 #1A3D63+白袍白字。Hover 換沉靜藍 #0E2A45。
CTA:曙光金底 #E0A235+學院藍字(對比 5.0:1 ✓)。整個畫面只准一顆。
Secondary:透明底+學院藍 1.5px 框線。Text:學院藍字+曙光金 2px 底線。
字體:Noto Sans TC Medium 500(CTA 用 Bold 700)・字距 .08em ・ 內距 13/34px ・ 直角不圓角。
On Dark ・ 深底(學院藍 / 沉靜藍)
深底規則:金鈕在深藍底上最亮眼,是深色主視覺的預設 CTA。反白鈕與白框線鈕做次要動作。金「字」也只有在深底才准出現。
不該做:金底配白字(對比不足)、圓角膠囊當一般按鈕(膠囊留給標籤)、一個畫面兩顆金鈕、按鈕用純黑。
02 — BADGES & LABELS
徽章與標籤
徽章是「被認可」的儀式感。
用在證書、簡報角落、會員識別——小小一顆,就夠。
EST.
2024
FOUNDER
創辦徽章
官方文件、簡報封底角落
CERTIFIED BY
白袍人生學院
WHITE COAT LIFE ACADEMY
認證印章
結業證書、合作授權
WCLA
光環章
數位頭像、App icon、浮水印
Pills ・ 藥丸標籤
VIP MEMBER 2026
OFFICIAL COURSE
客座講師
多元
斜槓
人生
層級:學院藍實心=身份最高級;曙光金實心=官方認證(一個版面限一顆);晨曦藍框線=一般角色;雲灰底+金點=價值標籤。
圓角 100px、字距 .16em、Montserrat SemiBold(中文用思源黑體 Medium)。
徽章鐵則:徽章內文字一律金配深藍、或深藍配米白,不出現金字壓白底。徽章不加陰影、不變形、不換色。
03 — CARDS
卡片元件
官網、簡報、電子報都用得到的三張卡。
結構固定,內容替換就好。
EP. 12 ・ KEYNOTE
AI 時代
診所的數位護城河
結合品牌、流量、AI 工具三條路徑,建立難以被取代的競爭力。
3 HRS ・ 線上課
$ 4,800
「醫師不再獨自奮戰,
白袍旅涯的下一章,
由你親手書寫。」
— 張益豪 醫師 ・ 學院創辦人
300+
醫師夥伴,一起打拼
WHITE COAT LIFE ACADEMY ・ 2026
課程卡:深藍頭(光圈收在角落)+白身;價格用學院藍 Montserrat Bold+金底線,不用金字。
引言卡:左側 5px 金線=「光」的線性化;引言一律宋體。數字卡:深藍底+金色大數字(金字只在深底)。
04 — IG STORY
IG 限時動態(1080 × 1920)
三款版型:活動預告、金句、行動召喚。
輪著用,版面就有節奏。
WHITE COAT LIFE ACADEMY
NEXT EVENT
2026
高峰年會
一起打拼
06.22 SUN ・ 台北
#白袍人生學院
A ・ 活動預告(深藍+光)
WHITE COAT LIFE ACADEMY
QUOTE OF THE WEEK
白袍不只是職稱,
是人生地圖。
B ・ 金句(白底)
LIMITED SEATS
早鳥報名倒數
開業實戰
工作坊
立即報名
SWIPE UP ↑
#醫師創業
C ・ 行動召喚(沉靜藍+金鈕)
實作尺寸 1080 × 1920px(示意為 25% 縮圖)。安全區:上下各留 250px 給系統 UI。
各款金色焦點(品牌字標與金短線是固定簽名,不計入):A 款=重點字一組;B 款=重點詞一組(限大字級,內文不可);C 款=金鈕一顆(重點字讓位,改用晨曦藍或反白)。
05 — FB COVER
FB 粉專封面(1640 × 624)
封面只做一件事:讓人一眼記住「這是白袍人生學院」。
不塞活動、不塞課程,乾淨就是氣場。
WHITE COAT LIFE ACADEMY ・ EST. 2024
白袍人生學院
多元 ・ 斜槓 ・ 人生
DR. CHANG YI-HAO | 豪老師
FB Cover ・ 1640 × 624(示意為 50% 縮圖)
學院藍底+右上光圈(光不搶字,透明度 ≤ .2)。站名用思源宋體 Black 900;三價值用晨曦藍、字距 .5em。
手機裁切安全區:置中 1080 × 608 內要放得下全部文字。頭像會蓋住左下角,左下不放資訊。
06 — EVENT POSTER
課程預告海報(1080 × 1350)
IG 直式貼文尺寸,也可直接輸出印刷。
白底為主,讓深藍與金只在關鍵處出手。
UPCOMING SUMMIT
白袍意識的
集體覺醒
張益豪 醫師學院創辦人 ・ 主講
Event Poster ・ 1080 × 1350(示意為 40% 縮圖)
結構三段:日期章(深藍塊+金色日期數字)→ 主題區(宋體大標+金色重點詞+金短線)→ 品牌底欄(深藍底、金字活動代號+反白站名)。
白底占比 ≥ 60%;金色只出現三處小面積(日期、重點詞、短線),互不搶戲。
07 — PODCAST COVER
Podcast 封面(3000 × 3000)
封面在播放器裡只有指甲大。
所以:集數大、標題短、對比高。
EPISODE
♪
12
如何經營 Podcast
讓專業被聽見
FEAT. 歐淑娟 醫師
WHITE COAT LIFE ACADEMY
白
Podcast Cover ・ 3000 × 3000(示意為 16% 縮圖)
沉靜藍底+右下光圈。集數用 Montserrat Bold 金色大字(封面唯一的金色主角);標題宋體反白、兩行以內。
縮到 64px 仍要能認出:深藍底、金數字、右下的光。這三樣就是節目的指紋。
08 — CHECKLIST
交付前,最後看一眼
元件照抄不會錯,錯都錯在組合。
出手前,把這六條走一遍。
- 金色數過了嗎?一個畫面,金色焦點只有一個(一顆金鈕、或一組金數字、或一個金重點詞)。
- 金字都在深底上嗎?內文級金字只准壓學院藍/沉靜藍;白底上的金只能是大字級重點詞或裝飾線。
- 比例還是 60/30/10 嗎?大面積留白 → 藍撐架構 → 金點關鍵。
- 字體三件套對了嗎?標題宋體、內文黑體、英數 Montserrat;內文石墨灰,不用純黑。
- 光收斂了嗎?光圈一個畫面最多一處,透明度壓在 .2 以下,不壓字。
- 放小還認得嗎?縮到手機縮圖大小,還能一眼認出「這是白袍人生學院」才算過關。
WHITE COAT LIFE ACADEMY
元件做齊了,接下來交給紀律。
每一次出現都長一樣,
品牌就會被記得。
白袍人生學院 | CIS 元件與版型擴充包 v1.0 ・ 2026.07
搭配《CIS 品牌識別指南 完整版》使用