DR.HAO ACADEMY EST. 2024
D
CORPORATE IDENTITY SYSTEM

品牌規範手冊

白 袍 人 生 學 院 · Brand Guidelines
VERSION 1.0 · 2026.05 Confidential · Internal Use Only

TABLE OF CONTENTS

目錄

01

品牌核心

BRAND FOUNDATION

白袍人生學院(Dr. Hao Academy)由耳鼻喉專科張益豪醫師於 2024 年創立,是一個橫跨中醫、西醫、牙醫的醫師共學共好平台。我們相信「白袍不只是職稱,是一張可以自由書寫的人生地圖」。

1.1

三大核心精神

01 — PILLAR ONE

多元

Plurality

橫跨中醫、西醫、牙醫三大體系,打破單一專科視角,從跨領域對話中產生新觀點。

02 — PILLAR TWO

斜槓

Versatility

協助醫師發展品牌、自媒體、AI 工具、診所經營、理財等跨能技能,讓白袍變成多重舞台。

03 — PILLAR THREE

人生

Life Curation

陪伴比成長更重要。透過年會、論劍、腦力風暴,讓醫師不再獨自奮戰。

1.2

品牌主張

"
白袍不只是職稱,
是一張可以自由書寫的人生地圖。
— DR.HAO ACADEMY · BRAND STATEMENT
1.3

語調與聲音

VOICE

專業但不冰冷

用詞精準有醫療素養,但避免艱澀術語;像一位資深學長坐在你旁邊聊診間經驗。

TONE

沉穩中帶溫度

學術沉穩為底,行文中保留人性與共感;不過度激勵,但會點燃同理與認同。

FEEL

菁英但開放

承載學院的菁英質感,同時對所有願意自主書寫人生的醫師敞開大門。

02

標誌規範

LOGO SYSTEM

學院標誌由雙 D 字母構成(DR. HAO),呈銀灰金屬漸層,象徵醫師白袍的潔淨感與學院的菁英質感。Logo 是品牌最核心的識別資產,所有應用必須遵循下列規範。

2.1

標誌主形與配色版本

D
DR.HAO
白 袍 人 生 學 院
PRIMARY · ON DARK
D
DR.HAO
白 袍 人 生 學 院
PRIMARY · ON LIGHT
2.2

安全距離 (Clearspace)

Logo 周圍需保留「D 字母高度的 1/3」作為最小淨空,禁止任何元素侵入。建議在重要文宣(年會主視覺、印刷物)使用 1/2 高度,確保視覺呼吸感。

D
×1/3 H
2.3

最小尺寸

網頁最小高度 24px;印刷品最小高度 12mm。低於此尺寸請使用簡化版單字 D 或徽章圖記。

D
120 PX · 印刷主用
D
80 PX · 網頁標頭
D
56 PX · 卡片
D
36 PX · 列表
D
24 PX · 最小限
2.4

禁止用法

D
禁止拉伸變形
D
禁止任意旋轉
D
禁止更換顏色
D
禁止彩色漸層
03

色彩系統

COLOR SYSTEM
3.1

主色與輔色

PRIMARY · 主色
學院深藍靛
承載品牌信任、菁英、學術的核心情緒。用於主要背景、頁首、CTA 容器。
HEX#1E3A6B
RGB30 · 58 · 107
CMYK87·73·26·14
PANTONE2767 C
ACCENT · 輔色
學徽金
畫龍點睛之色,僅用於 CTA、徽章、強調線、奢華邊框。占比 ≤ 10%。
HEX#C9A961
RGB201 · 169 · 97
CMYK24·33·71·1
PANTONE871 C
3.2

延伸色階

深藍·亮
Hover / 連結
#2E4F87
深藍·暗
頁尾 / 對話框
#142852
深藍·霧
背景 / 卡片
#E8EDF5
金·亮
高光 / 漸層
#E0C485
金·深
內文金 / 印刷
#A88A47
3.3

中性色(文字與背景)

墨黑
#0F1419
石灰
#5A6068
銀灰
#8A9099
霧灰
#C8CDD2
學苑米白
#F5F2EC
3.4

色彩使用比例 (60-25-10-5)

建議遵循下列比例,可確保品牌一致性與層次感。金色為「點」非「面」,過量會破壞菁英質感。

60% PRIMARY
25% WHITE/CREAM
10% GOLD
5%
04

字體規範

TYPOGRAPHY
4.1

主要字體 (Primary Typeface)

CHINESE DISPLAY · 中文標題字
Noto Serif TC(思源宋體繁體中文)
適用:標題、口號、主視覺、簡報封面 · 字重:500 / 700 / 900
白袍人生學院
多元 · 斜槓 · 人生
中|西|牙|醫|白|袍|學|院|共|好|共|學|0123456789
LATIN DISPLAY · 英文與數字
Cormorant Garamond
適用:英文標題、副標、引言、數字、章節編號 · 字重:500 / 600 / 700 · 多用斜體
Curating the Next Chapter
DR.HAO ACADEMY · EST. 2024
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z · 0 1 2 3 4 5 6 7 8 9
BODY · 內文與介面
Noto Sans TC(思源黑體繁體中文)
適用:內文、按鈕、表單、圖說 · 字重:300 / 400 / 500 / 700
白袍人生學院是一個橫跨中、西、牙醫的醫師共學平台。我們相信專業的成長是其中一環,而陪伴更是成長中最重要的項目。
4.2

字級階層 (Type Scale)

H1
64 / 900
白袍人生學院
主視覺、Hero 標題
H2
36 / 700
章節主標題
章節、區塊主標
H3
22 / 700
小節副標
內容區塊副標
H4
18 / 600
卡片內標題
卡片、列表項
BODY
15 / 400
內文段落使用,行高 1.9
正文、長段落
CAPTION
12 / 400
輔助說明文字 LETTER-SPACING 0.2EM
標籤、註解、圖說
4.3

字距規則 (Letter Spacing)

01
中文標題
letter-spacing: 0.1em ~ 0.15em — 給文字呼吸感,加強典雅學院氣質
02
英文標題與標籤
letter-spacing: 0.2em ~ 0.4em — 大寫英文搭配寬字距創造高級時尚感
03
內文
letter-spacing: 0.05em / line-height: 1.9 — 提升中文閱讀舒適度
05

按鈕系統

BUTTON SYSTEM

按鈕分為四級。一個版面中「主按鈕(金色)」原則上只出現一次,避免視覺競爭。次按鈕、幽靈按鈕、文字按鈕可重複使用。

PRIMARY · 主按鈕
BG: #C9A961
TEXT: #142852
PADDING: 14 × 32 PX
LETTER-SPACING: 0.2EM
SECONDARY · 次按鈕
BG: #1E3A6B
TEXT: #FFFFFF
PADDING: 14 × 32 PX
GHOST · 幽靈按鈕
BG: TRANSPARENT
BORDER: 1PX #1E3A6B
TEXT: #1E3A6B
PRIMARY · 暗底
深色背景時使用
按鈕色與字色不變
GHOST · 暗底
BORDER: 1PX RGBA(255,255,255,0.5)
TEXT: #FFFFFF
TEXT · 文字按鈕
底線:2PX #C9A961
用於次要連結
06

徽章與元件

BADGES & COMPONENTS
6.1

認證徽章 (Certification Marks)

EST.
2024
FOUNDER
創辦徽章
用於官方文件、PPT 角落
2026
D
年度盾徽
菁英醫師認證、年會限定
CERTIFIED BY
DR.HAO
ACADEMY
圓形認證印章
結業證書、合作授權
VIP MEMBER 2026
OFFICIAL COURSE
藥丸標籤
會員身份、活動分類
6.2

卡片元件 (Cards)

EP. 12 · KEYNOTE
AI 時代
診所的數位護城河

結合品牌、流量、AI 工具三條路徑,建立難以被取代的競爭力。

3 HRS · 線上課 $ 4,800
「醫師不再獨自奮戰,
白袍旅涯的下一章
由你親手書寫。」
— DR.HAO · 張益豪 醫師
多元
斜槓
人生
07

社群版型

SOCIAL TEMPLATES

所有社群素材必須遵循色彩比例(60% 深藍 / 25% 米白 / 10% 金 / 5% 黑)。Logo D 字一律置於右下或左下,不可放中央喧賓奪主。

7.1

IG 方形貼文 (1080 × 1080)

7.2

IG 限時動態 (1080 × 1920)

— DR.HAO ACADEMY —
NEXT EVENT

2026
高峰年會

06.22 SUN
台北 · 待定
D
— LIMITED OFFER —
EARLY BIRD

會員
限時優惠

SWIPE UP →
立即報名
D
— QUOTE OF THE WEEK —
WHITE COAT

白袍不只是
職稱,
是人生地圖。

— DR.HAO ACADEMY
D
7.3

FB 粉專封面 (1640 × 624)

7.4

課程預告 / Podcast 封面

08

使用規範

USAGE RULES
8.1

整體應用原則

01
深藍永遠是主場
至少 60% 版面留給學院深藍靛或其延伸色,避免任何素材變得「不像學院」。
02
金色是點,不是面
學徽金占版面 ≤ 10%。用於 CTA、徽章、強調線、引言。大面積使用會破壞菁英質感,變成「土豪金」。
03
留白即是奢侈
所有版型至少保留 24px 內距、Logo 周邊保留 1/3 字高淨空。擁擠的版面會喪失學院氣質。
04
字距撐起氣場
英文標題與標籤字距至少 0.2em;中文標題 0.1em 起跳。緊湊字距會顯得廉價。
05
D 字永遠收尾
Logo D 字置於右下或左下角,不可置中或放大喧賓奪主。它是「簽名」不是「主視覺」。
8.2

該做 / 不該做

DO · 該做的

  • 主視覺以深藍底打基礎,金色只用於最重要的一個 CTA
  • 中文標題用 Noto Serif TC 900,英文搭 Cormorant Garamond Italic
  • 內文行高 1.9 以上,給閱讀呼吸感
  • Logo D 字保持銀灰漸層,置於右下角作為簽名
  • 所有素材保留至少 24px 內邊距
  • 引言、口號使用襯線體增加學院氣質

DON'T · 不該做的

  • 不要用大面積金色當背景(會變成俗氣)
  • 不要用紅、橘、亮綠等高彩度顏色
  • 不要用圓體、卡通字體、太細的中文字
  • 不要讓 Logo D 字反轉成金色或彩色
  • 不要使用低品質照片,照片色調須冷調統一
  • 不要在版面中塞滿元素,留白是奢侈
8.3

快速檢查表 (Quick Checklist)

CHECK 01

色彩比例

深藍 ≥ 60%?金色 ≤ 10%?沒有用到品牌外的彩色?

CHECK 02

字體層級

標題是 Serif TC?英文是 Cormorant?字距足夠?

CHECK 03

Logo 位置

D 字是否在角落?有沒有保留淨空?沒有被拉伸或染色?