咖啡烘焙所

安裝

整頁原始碼會落在 app/templates/coffee-roastery/。也可以改用長效授權金鑰：在 components.json 的 registries 設定 Authorization: Bearer <key>，適合 CI 或多人共用的專案。使用範圍見授權條款。

包含的區段

同一套模板內的區段共用設計 token，所以抽換、重排之後配色、間距與動畫節奏仍然一致。可在區段組裝器裡挑選組合。

1. 1

   導覽與英雄區

   深焙色系導覽列搭配產地故事主視覺與本月主打豆袋卡，底部附烘焙資訊帶。

   hero
2. 2

   本月豆單

   四張咖啡豆卡片並列，標示產地、處理法、海拔、烘焙度圓點與價格。

   product
3. 3

   烘焙哲學

   壹貳參肆四段烘焙理念，末端附主烘豆師引言卡。

   features
4. 4

   風味圖譜

   可切換豆款的互動式五維度風味長條圖，並顯示建議沖煮參數。

   stats
5. 5

   訂閱方案

   輕啜、日常、癮者三種月訂閱方案卡片，中間方案為推薦強調樣式。

   pricing
6. 6

   門市資訊

   門市地址、營業時間與聯絡方式，搭配手繪感街區地圖插圖。

   contact
7. 7

   頁尾

   品牌標語、三欄連結目錄與版權公司資訊的深色頁尾。

   footer