THE BREAD STUDIO
日系職人烘焙坊
以鼠尾草綠與暖棕色調為主軸的日系職人風格模板,展現手作麵包的溫潤質感。適合麵包店、咖啡廳、甜點工作室等餐飲品牌,完整涵蓋商品展示、品牌故事、消息公告、部落格與門市資訊等功能。
品牌色調
關於菜單消息部落格店資訊
頁首導覽列
固定頂部導覽列,含品牌 Logo 亮色與深色版自動切換,5 個導覽項目,最後一項「店資訊」為錨點捲動,不跳轉新頁面。行動版以漢堡選單展開。
品牌 Logo 亮/暗版5 個導覽項目錨點捲動支援行動版漢堡選單
頁面介紹
首頁
首頁品牌的第一印象,從輪播橫幅到招牌商品一氣呵成,兼顧視覺震撼與資訊呈現。
輪播橫幅— 全螢幕圖文輪播,支援多張圖片切換,展示品牌主視覺與標語。
最新動態預覽— 自動拉取最新消息卡片,引導訪客點擊閱讀完整公告。
部落格日誌預覽— 精選最新文章縮圖,帶有「烘焙日誌」品牌語氣標題。
品牌故事概覽— 簡述品牌理念與核心精神,搭配大圖背景,帶引訪客進入關於頁面。
視覺分隔圖— 一張全寬質感圖片,作為上下區塊的視覺過渡與氣氛渲染。
招牌商品展示— 六格商品卡片展示招牌品項(圖片+名稱+簡介),連結至商品詳細頁。
關於
含頁面橫幅深度呈現品牌故事與職人理念,以「三大堅持」為主架構,強化訪客對品牌的信任感。
品牌理念— 分為三大區塊(嚴選天然食材、每日新鮮現烤、職人手作工序),圖文並排呈現品牌堅持。
菜單
含頁面橫幅按商品分類展示所有品項,訪客可切換分類瀏覽,並點入查看單品詳細頁面。
商品分類展示— 支援多個商品分類切換(歐式與鄉村、鹹香美味、甜蜜時刻),每格顯示商品圖片、名稱與簡介,點擊可進入詳情頁。
消息
含頁面橫幅集中展示門市公告與品牌動態,支援分頁瀏覽。
消息列表— 卡片式列表含封面圖、標題與日期,支援分頁(每頁 4 則)。
部落格
含頁面橫幅分類文章列表,支援五大主題篩選,適合持續產出內容的品牌經營。
文章列表— 支援五大分類篩選(全部、烘焙筆記、餐桌搭配、新品公告、在地生活),每頁顯示 10 篇,卡片含封面圖、標題與摘要。
店資訊
錨點捲動點擊後自動捲動至首頁底部的店舖資訊區塊,不跳轉至新頁面。
聯絡與店舖資訊— 嵌入 Google Map、顯示地址、營業時間、社群連結(Instagram、Facebook、LINE)。
頁尾資訊
簡潔單行頁尾,顯示版權年份與品牌名稱,不含多欄連結,保持整體設計的乾淨俐落。
品牌素材
特色標籤
烘焙坊日系職人手作餐飲部落格商品展示