← 品牌識別指南元件與版型擴充包
WHITE COAT LIFE ACADEMY
CIS SUPPLEMENT | 擴充手冊

元件與版型
擴充包

Components & Templates Expansion

主手冊管原則,這一本管配件。
按鈕、徽章、卡片、限動、封面、海報——
把品牌每天要穿的衣服,一次做齊。

白袍人生學院 | 企業識別系統 v1.0 ・ 2026.07
00 — HOW TO USE

這一本,怎麼用

規範講完了「品牌是誰」,
這一本回答「所以每天的東西怎麼做」。

使用順序:先讀主手冊(01 完整版指南),懂了色彩與字體的原則,再回來套這裡的元件。所有元件都已經按照七色色票、60/30/10 比例、字體三件套做好,照抄即可,不必重新發明。

一條總原則:每一個畫面,金色只出現在「一個焦點」上。按鈕用了金,數字就別再金;徽章用了金,背景光就收斂。畫面覺得亂,先數金色出現幾次。
(左上品牌字標與金短線是固定簽名,不計入焦點預算。)
01 — BUTTONS

按鈕系統

按鈕是品牌「行動感」的出口。
層級只有四種,夠用,也不會亂。

On Light ・ 淺底(白袍白 / 白)
立即報名
Primary ・ 主要
走吧,該行動了
CTA ・ 強調(每畫面限 1 顆)
了解更多
Secondary ・ 次要
查看課程
Text ・ 文字鈕
已額滿
Disabled ・ 停用
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 ・ 金鈕(深底首選)
了解更多
Solid ・ 反白
查看課程
Outline ・ 白框線
深底規則:金鈕在深藍底上最亮眼,是深色主視覺的預設 CTA。反白鈕與白框線鈕做次要動作。金「字」也只有在深底才准出現。
不該做:金底配白字(對比不足)、圓角膠囊當一般按鈕(膠囊留給標籤)、一個畫面兩顆金鈕、按鈕用純黑。
02 — BADGES & LABELS

徽章與標籤

徽章是「被認可」的儀式感。
用在證書、簡報角落、會員識別——小小一顆,就夠。

EST. 2024 FOUNDER

創辦徽章

官方文件、簡報封底角落
2026

年度盾徽

菁英醫師認證、年會限定
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 直式貼文尺寸,也可直接輸出印刷。
白底為主,讓深藍與金只在關鍵處出手。

22
JUN ・ SUN
VOL. III
UPCOMING SUMMIT
白袍意識的
集體覺醒
張益豪 醫師學院創辦人 ・ 主講
2026 SUMMIT ・ TAIPEI 白袍人生學院
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

交付前,最後看一眼

元件照抄不會錯,錯都錯在組合。
出手前,把這六條走一遍。

WHITE COAT LIFE ACADEMY

元件做齊了,接下來交給紀律。
每一次出現都長一樣,
品牌就會被記得。

白袍人生學院 | CIS 元件與版型擴充包 v1.0 ・ 2026.07
搭配《CIS 品牌識別指南 完整版》使用