✦
v1.5
兩綠分工回歸:Bee Green 為主、Carbon Green 降為特定 accent
2026-04-21
UPDATE
Bee Green
#34C759 回歸為品牌日常主綠——v1.4 暫時以 Carbon Green 統一為唯一主綠後,實際使用發現 #00D959 在按鈕、連結、一般 CTA 上過於螢光,反而不像日常品牌色。改回較柔和的 #34C759 作為 95% 情境的預設綠
UPDATE
Carbon Green
#00D959 降為特定情境 accent——保留為品牌核心色之一,但限定用於碳足跡數據、零碳成就徽章、Hero 永續訊號強調等「需要亮一下」的時刻,避免日常濫用造成視覺噪音
ADD
品牌核心四色定稿——Bee Green(日常主綠)+ Carbon Green(永續 accent)+ Deep Forest(深色底/文字)+ Apple White(主白)。CSS 變數
--carbon-accent 保留為 --carbon-green 的相容別名
◐
v1.4
品牌核心三色精簡 & 深色模式可見性修正
2026-04-21
UPDATE
品牌主綠統一為 Carbon Green
#00D959——移除 v1.3 的 Bee Green(#34C759),與 Carbon Accent 合併為唯一主綠。CSS 變數 --bee-green 保留為相容別名,指向同一色值
UPDATE
品牌主白統一為 Apple White
#F5F5F7——移除 v1.3 的 Pure White(#FFFFFF)與 Surface Muted 雙色配置。CSS 變數 --pure-white 保留為相容別名,指向同一色值
FIX
深色模式 Callout 可見性——Instagram 守則(
.callout-warning)、包裝印刷待辦(.callout-warning)、CSS 變數命名(.callout-info)等提示框在深色模式下因淺色背景 + 反色文字導致看不清楚,新增 [data-theme="dark"] 覆蓋,改用半透明色底 + 亮文字
FIX
深色模式 Logo 規範可見性——橫式 Logo 的「零碳°蜂癒」文字原用
var(--gray-900) 會被深色模式反色,改為固定 var(--deep-forest);「禁止用法」區塊抽出成 .logo-rule-card-danger class 並新增深色模式覆蓋
1.3
v1.3
品牌核心色拍板 & Apple Environment 對齊
2026-04-21
UPDATE
Bee Green
#34C759 正式拍板——移除 v1.2 的「待 Tim 最終確認」註記,定位為品牌日常綠(按鈕、連結、CTA)
NEW
Carbon Accent
#00D959——永續專用亮綠 accent,借鑑 Apple Environment 的葉綠素綠,用於碳足跡計數動畫、永續成就徽章、Hero 強調,與 Bee Green 分工不重疊
NEW
Surface Muted
#F5F5F7——中性 off-white 面板色,對齊 Apple Environment 的淺灰系統,用於 section 分層、卡片容器
UPDATE
Deep Forest
#0D1A0E 保留——評估 Apple #1D1D1F 後決定不替換,保留「暗森林綠」作為蜂癒 signature,避免失去品牌溫度
1.2
v1.2
深色模式 & 更新日誌
2026-04-18
NEW
深色模式(Dark Mode):全站支援 Light / Dark 切換,以綠色調深色背景為品牌一致的夜間體驗
NEW
語意化 Surface Token:導入
--surface-page、--surface-card、--surface-raised、--border-default、--border-subtle,解耦背景色與灰階系統
NEW
主題切換按鈕:側邊欄新增 Dark / Light 切換按鈕,偏好設定持久化至 localStorage,尊重 OS 層級偏好
NEW
更新日誌頁(本頁):建立 changelog.html,往後每個版本皆留存設計決策紀錄
UPDATE
深色模式灰階重映射:
--gray-50~--gray-900 在深色模式下全部替換為綠色調深色值,確保色彩系統語意一致
1.1
v1.1
永續人格測驗模組 & 第四層色彩
2026-04-17
NEW
測驗元件設計頁(quiz.html):互動展示 2 題測驗流程,涵蓋選項四態(預設、hover、已選、未選)、進度指示器、結果卡片
NEW
AI Agent Design Token 字典(quiz-tokens.json):所有測驗 Token 附
_usage 欄位,encoding 情感意圖而非僅視覺規格
NEW
原型色彩層(Archetype Palette):HiveCode™ 四層色彩架構第四層,8 種人格原型各對應一組主色/淺色/深色,靈感取自台灣自然地景
UPDATE
色彩系統頁:從三層架構更新為四層架構,新增原型色彩完整展示
UPDATE
8 種人格標籤元件:
.tag-archetype-explorer 等 8 個原型 CSS 類,可直接用於測驗結果展示
1.0
v1.0
品牌設計系統初版
2026-04-14
NEW
HiveCode™ 三層色彩架構:品牌核心(Brand Core)→ 語意維度(Semantic Dimensions,5 種)→ 季節線(Seasonal Line,4 種)
NEW
字型系統:三支字型明確分工——Inter Display(英文大字)、Noto Sans TC(中文)、JetBrains Mono(規格數據)
NEW
動態規範:6 種 Easing 曲線、4 種 Duration、元件動態原則
NEW
UI 元件庫:按鈕、輸入框、標籤、徽章、通知提示、資料卡片
NEW
品牌聲音規範:語氣維度、語調規則、用詞黑名單
NEW
攝影風格指南:光線、構圖、色調處理原則