第一層 · Brand Core · 品牌核心

品牌核心色

永遠代表蜂癒品牌本身。Bee Green 是日常主綠,Carbon Green 只在永續議題需要強調時出現;Deep Forest 與 Apple White 則撐起明暗兩面。

Bee Green
#34C759
點擊複製
Carbon Green
#00D959
點擊複製
Deep Forest
#0D1A0E
點擊複製
Apple White
#F5F5F7
點擊複製
v1.5 品牌核心四色(兩綠分工):
  • Bee Green #34C759——品牌日常主綠:按鈕、連結、CTA、一般強調、品牌識別的預設綠。這是 95% 的情境該用的綠。
  • Carbon Green #00D959——特定情境 accent:僅用於碳足跡數據、零碳成就徽章、Hero 永續訊號強調等「需要亮一下」的時刻(借鑑 Apple Environment 葉綠素綠)。濫用會顯得過於螢光。
  • Deep Forest #0D1A0E——深色底、主要深色文字;不採用 Apple #1D1D1F,保留森林溫度
  • Apple White #F5F5F7——統一品牌主白,對齊 Apple Environment 的淺灰底
第二層 · 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 數值。
第四層 · Archetype Palette · 永續人格

永續人格色

專屬永續人格測驗的角色識別色彩。功能是讓受測者看到顏色就知道「這個角色是我」,與 Dimension 色(內容分類)目的完全不同,不混用。每色取自台灣自然環境,主色 / 淡色(背景用)/ 深色(文字用)三個值成組。

#2D6A4F
🧭 探險家
林間苔 · Forest Moss
#2D6A4F / #E8F4EE / #1A3D2C
石碇山林的苔蘚深綠,好奇與探索
#9B3922
🛡️ 保護者
土燒紅 · Terra Cotta
#9B3922 / #F5EBE7 / #561E11
台灣陶土的赭紅質感,穩固與守護
#D4703A
🎨 創造者
蜂蠟橙 · Beeswax Orange
#D4703A / #FDF0E8 / #7A3D1A
巢礎蜂蠟的橙褐溫度,創意與能量
#3E6B99
⚙️ 實踐者
溪石青 · Stream Blue
#3E6B99 / #E8EFF7 / #1E3D57
山溪礫石的冷靜藍,行動與可靠
#6B9474
🤝 協調者
山嵐緑 · Mountain Sage
#6B9474 / #EDF4EE / #384F3C
清晨山霧的柔和鼠尾草,和諧與連結
#7B6A9E
🌠 夢想家
晚霞紫 · Dusk Purple
#7B6A9E / #F0EDF8 / #3D3554
石碇夕陽後山頂的天色,想像與未來
#2A5E6E
🌊 引導者
深青松 · Deep Pine Teal
#2A5E6E / #E6F0F4 / #153240
台灣肖楠深沉的藍綠,方向與深度
#4E5E6A
🔭 分析者
冬霧銀 · Winter Mist
#4E5E6A / #EDF0F3 / #252E35
冬日溪谷的霧灰色調,邏輯與清晰
CSS 變數命名:--archetype-{name}(主色)、--archetype-{name}-light(背景用)、--archetype-{name}-dark(文字用)。標籤類別使用 .tag-{name},例如 .tag-explorer。完整 Token 定義見 quiz-tokens.json → personalities

四層使用邏輯

四層之間的邊界要清晰——混用是最常見的品牌稀釋來源。

層次 出現在哪裡 不應出現在哪裡
Brand Core
品牌核心
Logo、主視覺、導覽列、按鈕、所有場景 無限制,永遠可以出現
Semantic Dimensions
語意維度
標籤、圖示、區塊標示、數位介面分類 大面積背景、Logo 配色、主視覺封面
Seasonal Line
四季產品線
產品包裝、四季相關活動視覺、禮盒設計 一般品牌內容、非產品情境
Archetype Palette
永續人格
測驗結果卡、人格標籤、角色識別背景 品牌主視覺、非測驗情境的一般內容頁