第一層 · 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 色(內容分類)目的完全不同,不混用。每色取自台灣自然環境,主色 / 淡色(背景用)/ 深色(文字用)三個值成組。
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 永續人格 |
測驗結果卡、人格標籤、角色識別背景 | 品牌主視覺、非測驗情境的一般內容頁 |