Design guidelines · v1.0 · 2026-09-22
溫暖的蜂蜜，
清楚的獎勵。
BitBee 是「做任務、領比特幣」的獎勵任務平台。奶油底色與蜂蜜漸層讓人覺得親切；每一筆獎勵、狀態與下一步操作，都必須一眼看懂。
做任務 · 領比特幣
01 · Logo
一隻蜜蜂，一個名字。
官方標誌由蜜蜂圖示與「Bitbee」字標組成，原始檔為 Illustrator 格式。標誌已封存：只能使用提供的檔案，不重畫、不改色。
留白
四周至少保留蜜蜂眼睛直徑的兩倍。
最小尺寸
橫式高 24px／8mm；圖示 20px。
品牌名
文案寫 BitBee；中文稱比特蜜蜂；貨幣寫 HONEY。
✕ 不可重新上色
✕ 不可拉伸變形
✕ 不可旋轉
✕ 不可加陰影
02 · Color
蜂蜜、奶油、清楚的訊號。
蜂蜜色負責品牌感與強調；奶油與溫白組織版面；訊號色只用來表達意義：獲得、扣除、完成，以及 LINE 操作。
Honey
Honey
#F5A623
--bb-honey
品牌主色、焦點、進度
Honey Light
#FFD06B
--bb-honey-light
淡強調
Honey Dark
#E09100
--bb-honey-dark
蜂蜜上的圖示
Amber
#FFBF42
--bb-amber
漸層中段
Peach
#FF9A76
--bb-peach
漸層尾端
Brand gradient · 135° · #F5A623 → #FFBF42 → #FF9A76
Surface & ink
Cream
#FFF8E7
--bb-cream
頁面底色
Warm White
#FFFDF5
--bb-warm-white
卡片
Ink
#2D1B00
--bb-ink
主要文字
Ink 2
#7A6543
--bb-ink-2
次要文字
Muted
#A89375
--bb-muted
註解、時間
Stripe
#3D3D3D
--bb-stripe
蜂紋、深色區
Signal
Gain
#EA580C
--bb-gain
+HONEY / +BTC
Loss
#DC2626
--bb-loss
扣除
Success
#10B981
--bb-success
完成、兌換
LINE
#06C755
--bb-line
僅限 LINE 操作
標誌色另外封存：#FFA61D、#FFB210、翅膀 #E3F9F0、黑色。小字只用 Ink／Ink 2；蜂蜜色不可當作白底上的內文字色。
03 · Type
Inter 加上系統中文字。
拉丁字母與數字用 Inter，中文用 PingFang TC／Noto Sans TC。層級靠字重與大小建立，不靠顏色。
Display · Inter Black 900
做任務，領比特幣
164 HONEY
Text · 400 / 500 / 700
追蹤 理財動物園 IG
追蹤完畢請回 BitBee 填寫 IG 帳號名稱。
兌換比例：100 HONEY = 10 LINE Points。每人每 7 天最多 3 組，取得序號後須前往 LINE 登錄。
2026-03-31 19:40 · 已發放
| 角色 | 大小 / 行高 | 字重 |
|---|---|---|
| 行銷主標 | 40–56px / 1.15 | 900 |
| App 頁面標題 | 18px / 1.3 | 900 |
| 卡片標題 | 15–16px / 1.4 | 700 |
| 內文 | 14–16px / 1.6 | 400–500 |
| 獎勵數額 | 14–48px | 800–900 |
| 標籤 / 註解 | 10–12px | 700 · 0.05em |
04 · Components
圓潤、溫暖、一眼看懂。
卡片圓角 20px、按鈕 16px、標籤為膠囊形。陰影帶一點蜂蜜色；主按鈕只在懸停時浮起。以下元件取自 bitbee.work 的實際樣式。
Buttons
Task card
加入 BitBee LINE 官方社群
加入後請返回填寫加入名稱
+5 HONEY
Segmented
Reward history
每日簽到
2026-03-31 19:40
+22 HONEY
已發放
嗡嗡專線（通話費）
2026-03-30 10:49
−20 HONEY
已扣除
ZONE Wallet 系列任務
2026-03-27 10:22
+0.0000157 BTC
已發放
Progress
20px
卡片圓角
16px
按鈕、輸入框圓角
≤ 480px
行動內容欄寬；邊距 16–24px
動態：蜜蜂可以輕微彈跳或漂浮，獎勵到帳時卡片彈出（0.4s），主按鈕帶緩慢流光。必須尊重「減少動態效果」設定；印刷與靜態輸出一律不帶動態。
05 · Applications
同一隻蜜蜂，出現在每個地方。
常見的對外使用情境與規格。一張圖只傳達一則訊息；獎勵數額要夠大；兌換條件寫清楚。
App · 行動介面
任務中心
完成任務 · 領取比特幣
OG / 分享卡 · 1200×630
做任務，
每一位參與者都拿得到比特幣。
bitbee.work
IG / FB 貼文 · 1080×1080
每日簽到
+22
HONEY
今天就領取 →LINE 官方帳號訊息
新任務上線：追蹤理財動物園
完成即得 5 HONEY，100 HONEY 可換 10 LINE Points。
聯名 Co-branding
×PARTNER以 × 或細直線分隔，雙方視覺高度相同，各自保留留白。
貼紙 / 周邊 · 最小 20mm
單獨圖示加白色外框（Die-cut），或放在品牌漸層上。
| 限時動態 | 1080×1920 | 上下各保留 250px 安全區 |
| LINE 圖文訊息 | 寬 1040 | 按鈕文字 ≤ 8 字，以動詞開頭 |
| 簡報 | 16:9 | 白底或奶油底，標誌放左上，重點用橘字 |
| 印刷 | CMYK · 300dpi | 使用 .ai 或 SVG，不放大 PNG |
06 · Voice
直接、友善、可驗證。
說清楚能拿到什麼
「完成任務，領取 5 HONEY」優於「超多好康等你拿！」
規則寫在明處
兌換比例與上限要寫出來：100 HONEY = 10 LINE Points，每人每 7 天最多 3 組。
不承諾收益
不作投資建議，不誇大比特幣價值，不暗示保證獲利。
數據要有來源
合作案例的曝光、轉換數字需附可查證的來源。
07 · Downloads
