三支字型

每支字型有明確的職責範圍,不混用。

Display
Ag
Inter Display
英文大標、Hero 文字、品牌字樣
Google Fonts
Heading / Body
中文
Noto Sans TC
中文標題、正文、說明文字
Google Fonts
Mono
#Hex
JetBrains Mono
色票代碼、技術規格、數據展示
Google Fonts

字型層級

從 Hero 到 Caption,每個層級有明確的使用情境。

Hero 120–190px · 900
ZER∞HONEY
H1 56–72px · 800
品牌設計系統
H2 36–48px · 700
從石碇出發的永續品牌
H3 24–28px · 700
零碳循環的信任系統
Body Large 18px · 400
酸藤蜜的尾韻帶點野薑花香,這是石碇海拔 400 公尺才有的氣味。
Body 16px · 400
零碳蜂癒 ® 是從石碇出發的永續蜂蜜與地方共創計畫,與友善環境的蜂農合作,專注低碳養蜂、特色蜜風味與生蜂蜜營養。
Caption 13–14px · 400
圖片來源:石碇光明蜂途沙盒計畫 / 攝影:王秋煌蜂場
Code / Spec 13–14px · Mono
#34C7590.76 kg CO₂e/kgInter Display

排版原則

01 — 中文用字剋制
標題不超過 14 字。說明文不堆砌形容詞。語氣白話,像人說話。避免「旨在」「總的來說」「綜上所述」等生硬詞彙。
02 — 英文大字是視覺武器
Inter Display 的大字排版是蜂癒「不像傳統農業品牌」最直接的視覺信號。Hero 文字要夠大、夠黑、夠有重量。
03 — 行距放寬
中文正文行距 1.7–1.8。閱讀舒適,讓頁面有空氣感。不要為了塞更多內容而壓縮行距。