第一層 · Brand Core · 品牌核心
品牌核心色
永遠代表蜂癒品牌本身。在任何場景、任何媒體上，這三個顏色的組合就是蜂癒。
Bee Green
#34C759點擊複製
Deep Forest
#0D1A0E點擊複製
Pure White
#FFFFFF點擊複製
Bee Green 精修提醒：目前使用
#34C759（源自官網），與 Apple 系統綠相近。建議 Tim 確認是否需要微調至更獨特的品牌專屬綠。更改時只需修改 css/style.css 第 22 行的 CSS 變數。
第二層 · Semantic Dimensions · 語意維度
語意維度色
蜂癒的內容有五個維度，每個維度一個顏色。消費者看到顏色就知道現在在看哪個面向的蜂癒。只用於標籤、圖示、區塊標示——不用於大面積背景。
主色
淺色
深色
🍯 產品
🍯 Product — 蜂蜜琥珀金
傳遞「真實、可感知、可食用」的感知。用於產品頁、商品卡片標籤、電商情境。
主：#E8A020 ／ 淺：#FDF3E0 ／ 深：#7A5010
主色
淺色
深色
🔬 品質
🔬 Quality — 科學藍綠
傳遞「驗證、可信任、數據」的感知。用於碳足跡報告、第三方驗證區塊、科學數據卡片。
主：#1A9E8F ／ 淺：#E0F5F3 ／ 深：#0D5349
主色
淺色
深色
🧑🌾 人文
🧑🌾 Story — 溫暖土褐
傳遞「蜂農、土地、人的溫度」的感知。用於蜂農故事頁、走讀活動、B2B 人文內容。
主：#A0673A ／ 淺：#F7EDE6 ／ 深：#5C3B20
主色
淺色
深色
🌿 生活
🌿 Lifestyle — 霧灰冷白
傳遞「靜謐、健康生活節奏」的感知。用於食譜、生活提案內容。⚠ 僅數位端使用，不進包裝與大尺寸印刷。
主：#8BA4B0 ／ 淺：#F0F4F6 ／ 深：#3D5A68
主色
淺色
深色
📚 教育
📚 Education — 嫩葉黃綠
傳遞「成長、學習、輕盈感」的感知。用於食農教育工具、桌遊、課程平台。刻意偏黃以區別品牌主色 Bee Green。
主：#B5D429 ／ 淺：#F6FAE8 ／ 深：#5D6E14
Instagram 使用守則：語意維度色不可作為貼文主色塊背景。只用於標籤、圖示、細節元素。一篇貼文最多出現 1 個維度色，避免九宮格視覺雜亂。
第三層 · Seasonal Product Line · 四季品蜜
四季品蜜色
專門給「四季品蜜」產品線。用於包裝、行銷素材、活動視覺。每個顏色需確認 Pantone 對應色號後才可用於包裝印刷。
春花 Spring
#F2D4C2點擊複製
夏林 Summer
#1A3A1F點擊複製
秋蜜 Autumn
#C4621A點擊複製
冬霧 Winter
#8FA8B8點擊複製
包裝印刷待辦：四季品蜜色尚未完成 Pantone 比對。正式上包裝前須找印刷廠打樣，確認 Pantone PMS 色號與 CMYK 數值。
三層使用邏輯
三層之間的邊界要清晰——混用是最常見的品牌稀釋來源。
| 層次 | 出現在哪裡 | 不應出現在哪裡 |
|---|---|---|
| Brand Core 品牌核心 |
Logo、主視覺、導覽列、按鈕、所有場景 | 無限制，永遠可以出現 |
| Semantic Dimensions 語意維度 |
標籤、圖示、區塊標示、數位介面分類 | 大面積背景、Logo 配色、主視覺封面 |
| Seasonal Line 四季產品線 |
產品包裝、四季相關活動視覺、禮盒設計 | 一般品牌內容、非產品情境 |