这一版改了什么：上一版挖到太多「购物电商」（茶 / 香氛 / 巧克力电商）。糖水店本质是个堂食 + 外带的店面，要参考的应该是真·餐厅网站 —— 有空间氛围、菜单、到店 / 预订、关于我们。这一版每个站都确认过是堂食店、有 menu、能到店才收录。
一句话核心：戏剧性食物摄影 + 暖东方配色（不用冷白电商感）+ 菜单 / 甜品给顶级导航 + 「到店 / 营业时间 / 预订」当头牌区块 —— 读起来是待客，不是卖货。糖水的颜色就是最好的设计资产。
一句话核心：戏剧性食物摄影 + 暖东方配色（不用冷白电商感）+ 菜单 / 甜品给顶级导航 + 「到店 / 营业时间 / 预订」当头牌区块 —— 读起来是待客，不是卖货。糖水的颜色就是最好的设计资产。
相关度高（业态 / 尺度对口）
相关度中（档次高 / 仅调性可借）
🏆 Awwwards 等获奖
每张卡片「借」= 具体可抄的设计套路
SECTION A
直接对标 · 甜品 / 点心 / 茶饮堂食店
业态最对口 —— 卖甜品 / 点心 / 茶饮的真实店面。首页结构、菜单排版、到店入口、招牌摄影可直接照搬。
最对口 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Yauatcha 伦敦 Soho · 粤式点心茶楼 + 欧式甜点
✅ 堂食茶楼 · 米其林推荐 · SevenRooms 订位 · 无购物车
调性：深色背景 + 极简优雅，点心 / 马卡龙高质感摄影，讲「现代版老式茶楼」的故事。几乎就是糖水铺的高配版。
- 甜点放进顶级导航、跟正餐平级：把糖水当头牌栏目给独立画廊，不是埋在子页面。
- 首页先卖「房间 + 仪式感」，不是菜品九宫格。
- 低成本感官记忆点（门店歌单等），强化「坐下来」的氛围。
🏆 Awwwards HM 2022尺度最匹配 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
&Tea 台北松山 · 精品茶饮店
✅ 堂食小门店 · 全菜单带价 · 双语
调性：暖茶色 #ddbb99 底 + 奶油，双语无衬线，极大留白，「奶云入茶」GIF 微动画；Locomotive 平滑滚动 + Barba.js + GSAP。唯一尺度完全吻合你的：小门店、甜茶饮主导、暖而非冷。
- 菜单即 hero：按品类每品一个循环微动画（蒸汽 / 淋糖 / 红豆掉落），糖水照搬。
- 暖大地色取代惨白 —— 东方又开胃。
- 丝滑滚动 + 页面淡入转场，小店秒变高工艺。
极对口 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
鍵善良房 / ZEN CAFE 京都祇园 · 300 年和菓子老铺 + 茶房
✅ 老铺 + Gion 茶房堂食 · 招牌葛切
调性：米白 / 奶油底 + 黑字高对比、自然光氛围摄影、大留白、「edible art reflecting seasons」季节主题。「老牌甜品 + 现代茶房堂食」就是糖水店的直接对标。
- 甜品 = 可食艺术的摄影定调：单品特写 + 器皿质感 + 自然光，糖水招牌同款拍法。
- 线下空间单独成区（Stores & Café），强调「一刻宁静」的氛围文案。
- 季节性更替的内容结构（春夏秋冬换主打）。
相关度高 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
八雲茶寮 Yakumo Saryo · 东京 · 日料 + 茶寮 + 和菓子
✅ 会员制茶寮 · 正餐 + 朝茶/午后茶 + 自家和菓子 · 预订
调性：极简侘寂，米白 / 奶油底 + 黑字，超大留白，一张 editorial 氛围 hero 大图统领全屏。「茶 + 甜 + 空间」三位一体，正是你糖水店要的结构。
- 把「正餐 / 朝茶 / 午后茶 / 茶房 / 和菓子」做成并列的静默入口（一行一项，大留白分隔）→ 糖水店「堂食 / 下午茶 / 外带糖水 / 招牌」。
- hero 只放一张高质感氛围图压住全屏，不堆元素。
- 日文 / 中文竖向排版做记忆点。
相关度中高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
中村藤吉本店 宇治 · 抹茶甜品茶屋（创业 1854）
✅ 茶厂改造茶屋 + 庭院座位 · 招牌抹茶冻 / 芭菲
调性：以甜品出名的茶屋（芭菲 / 果冻），正是糖水定位。米白 + 黑字、毛笔标题 + 黑体正文。（注：.jp 主站偏电商，作纯网页参考偏弱，重点看它的摄影与血统叙事。）
- 甜品 hero 摄影：一碗招牌俯拍在陶器上（黑芝麻糊 / 杨枝甘露）。
- 「Since 1854 / 第七代」血统印章 —— 一秒把甜品店抬出奶茶连锁。
- 卖「坐进磨石 / 茶室」的体验，不只卖产品。
🏆 Awwwards SOTD 2025相关度中高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Bon Bouquet Café 迈阿密 · 巴黎风全日 brunch + 甜点
✅ 堂食 · 独立 MENU + RESERVATIONS 页 · 吧台 + 露台
调性：干净白 + 柔和低饱和色，现代无衬线，极大留白（airy），暖调专业摄影，图片柔切 + hover 反馈。「小甜品店做出高级感」的网页范本。
- MENU 和 RESERVATIONS 各占独立显眼导航，不埋。
- 留白优先，让单张甜点大图呼吸。
- 食物特写 + 空间氛围混排，卖「坐下来」的感觉。
🏆 Awwwards HM 2023相关度中高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
La Crema 马耳他 · 咖啡 + 糕点店
✅ 实体多店 · 现做可颂堂食
调性：青绿 #53abb4 + 暖奶油 #efead5，动画 hero、可拖拽产品滑块、鼠标反应背景、无限画廊。深色奢华之外的「亲切」路线参照。
- 可拖拽的甜品产品滑块：触感、好玩，适合休闲糖水。
- 鼠标反应 hero 背景做低成本招牌交互。
- 双色亮调（青绿 + 奶油）当亲切路线，区别于「鎏金暗黑」俗套。
🏆 Awwwards SOTD 2020相关度中高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Lucciano's 阿根廷起家 · gelato + 甜点 + 巧克力
✅ 堂食 30+ 门店 · 室内 + 露台座位
调性：白 / 奶油 + 黑字，让鲜艳甜品照当颜色，parallax + GSAP，联系页「眼睛跟着光标」的彩蛋。gelato 和糖水是姊妹甜品。
- 黑配奶油底让彩色甜品照自己发色 —— 直接适配芒果 / 红豆 / 芋头。
- 门店定位器配每店实景内饰。
- 一个俏皮招牌交互当记忆钩。
SECTION B
新中式 / 粤菜 dining
现代中餐 / 粤菜的高端堂食。深底让食物发色、多门店架构、订位入口的处理可借。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Mott 32 香港中环 · 现代粤菜 / 点心（多城连锁）
✅ 堂食 · SevenRooms 订位 · 约 9 城
调性：深色 + 金色点缀 + 宝石色，serif / sans 混排，戏剧性打光的食物摄影，masonry 菜品网格，动效克制。
- 摄影主导、装饰极简的深底处理 —— 让芒果 / 黑芝麻 / 豆腐花的颜色跳出来。
- 每页顶部常驻「RESERVE」 + 嵌入订位。
- 同一母域名下的多门店架构，共享品牌外壳。
相关度中高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Duddell's 香港中环 · 米其林星粤菜 + 艺术空间
✅ 堂食 · SevenRooms · 半餐厅半美术馆
调性：把平凡品类抬成体验的模板 ——「一半餐厅、一半美术馆」。轻奢手感细节多。
- 金 / 白双 logo 随背景切换（轻奢手感细节）。
- 按时段拆分的 PDF 菜单套。
- 菜单旁排放映 / 展览，把空间做成目的地。
SECTION C
日式餐厅 / 茶寮 / 怀石 / 侘寂空间
侘寂调性的真实 dining 空间。空间摄影、留白节奏、诗句点题、克制动效、双语执行（含巴黎店）的范本。
法国语境直接相关 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
寿月堂 Jugetsudo 东京 + 巴黎 · 隈研吾设计茶室
✅ 堂食茶室 · 巴黎店 95 rue de Seine（圣日耳曼）
调性：木 + 竹质感的自然色，大幅建筑氛围摄影（「竹林空地」），克制动效，大留白。传统亚洲茶室如何对西方客人做双语品茶、又不丢东方魂 —— 你的法国语境最直接对标。
- 让真实材质 / 建筑当主视觉：拍一种招牌材质（木 / 陶 / 糖水锅蒸汽）做反复纹理。
- 每门店一个「茶室区块」配 hours + 最后点单 —— 读起来是待客，不是电商。
- 老底故事 + 现代极简版式的张力 = 高级感。
相关度高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
HIGASHI-YAMA Tokyo 东京目黑 · 现代和食 + bar（Simplicity）
✅ 堂食 · 仓库改造空间 · 落地窗自然光 · 预订
调性：natural light 主导的空间摄影、原木 / 灰泥材质、低饱和、editorial 排版、动效极克制。「老空间 + 现代克制」的语言，新中式可直接学。
- 空间摄影当主角：拍光、拍材质、拍人在空间里，不是只拍菜。
- 材质感配色（灰泥 / 原木 / 自然光），避开纯白纯黑。
- 项目页式的「概念叙事」滚动，一段图一段字交替。
异国落地范本 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
wa'z Seattle 西雅图 · 怀石（GDISAIN 设计）
✅ 堂食怀石 · OpenTable 预订 · Bon Appétit 提名
调性：白 / 奶油底 + 黑字、慷慨负空间、艺术摆盘 + 厨房纪实摄影、刻意的滚动节奏。「在海外做东亚调性餐厅官网」的高完成度样本 —— 对「法国开糖水店」最有参照意义。
- 哲学科普段把「为什么这样吃 / 在坚持什么」讲清 —— 糖水可讲广式时令 / 古法。
- 摆盘特写 + 后厨纪实两种摄影交替（成品美 + 手作感）。
- 刻意放慢的滚动节奏。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
韻松亭 Inshotei 东京上野 · 怀石（创业 1875）
✅ 堂食 · TableCheck 预订 · 历史庭园
调性：白 / 奶油底 + 大地色、无衬线干净字、全幅图轮播、樱花等季节意象、松尾芭蕉俳句引用。
- 俳句 / 诗句点题：用一句短诗压住 hero，比 slogan 更有侘寂气。
- 全幅 image slider 配季节意象。
- 价格 / 套餐透明列清，降低高端店的距离感。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
京都吉兆 嵐山本店 · 料亭（怀石顶级）
✅ 堂食 · 料亭天花板 · 预订 · 主厨专栏
调性：极简黑白 + 金色点缀、衬线 / 无衬线搭配、大留白、滚动触发动效、Instagram 美食流嵌入。
- 金色只做点缀（一条线 / 一个字），不大面积 —— 这是「高级」和「土豪」的分界。
- 主厨专栏 / 文化叙事建立信任。
- 滚动渐入动效保持低调。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Florilège 东京青山 · 现代法日 fine dining（米其林二星）
✅ 堂食 · 预订 · 暗调高端
调性：深色背景为主的黑白高对比、极简无衬线、大量负空间、艺术化摆盘摄影、动效克制（01 / 02 轮播指示）。
- 一句哲学 slogan 立人设。
- 暗底大留白做高级感（糖水店若想走夜间 / 高端线可参考）。
- 编号式分章（01 / 02）引导浏览。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Den Kushi Flori 东京表参道 · DEN×Florilège 联名 fine dining
✅ 堂食 · TableCheck 预订 · 地址交通清晰
调性：白底黑字精致日式极简、双语 logo、大留白、线性层级结构。
- 双语 logo / 标题对照排版做精致感。
- 套餐价 + 地址 + 交通一屏说清，降低预订门槛。
- 线性单列长滚动，移动端友好。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
强罗花坛 Gora Kadan 箱根 · 怀石料理 ryokan
✅ 堂食 · TableCheck 订位 · 静谧极简标杆
调性：日式静谧、沉思式极简的网页工艺标杆。档次错配，但「以静制胜」的处理值得学一个度。
- 「静止」作为设计选择：几乎无动画，让大幅安静照片 + 留白呼吸（若动效对禅意太吵，用这条平衡）。
- 怀石菜名诗意成列 —— 给糖水套餐起诗意名而非价格表。
- TableCheck 干净订位。
共性套路 · 8 条（真餐厅 / 堂食店反复出现的手法）
- 米白 / 奶油暖底 + 黑字高对比，不用冷白电商感。糖水店配色走「暖东方」（&Tea #ddbb99 / 深棕 + 奶油），冷白惨白是糖水店大忌。
- 戏剧性食物摄影 + 克制配色，让糖水自己发色。深底或黑配奶油让芒果 / 红豆 / 黑芝麻 / 芋头的颜色跳出来 —— 糖水的颜色就是最好的设计资产。
- 菜单 / 甜品给顶级导航、跟正餐平级；「到店 / 营业时间 / 预订」当头牌区块。读起来是待客，永远别让购物车当主角。
- 空间 / 材质摄影 ≥ 菜品摄影。拍店里的光、器皿、材质、人在空间里，不只拍菜（HIGASHI-YAMA / wa'z）。
- 一张氛围 hero 大图 + 一句诗 / 哲学短句压全屏，不堆标题副标题按钮。季节意象 + 短诗比 slogan 更对侘寂味（韻松亭 / 八雲茶寮）。
- 极度克制动效（滚动渐入 + 下滑指示 + 编号轮播），没有花哨转场。休闲路线可加一个低成本招牌微交互（菜单微动画 / 光标跟随 / 可拖拽甜品滑块）。
- 季节性内容结构（春夏秋冬换主打）+ 血统印章（「Since… / 第 N 代」），一秒把甜品店抬出奶茶连锁感（鍵善良房 / 中村藤吉）。
- 双语执行（法国语境关键）。学 Jugetsudo 巴黎店 / &Tea 的双语菜单，每门店配 hours + 到店 / 最后点单信息。
For Your Tong-Sui Shop · Dining Edition
给这家法国糖水店官网的落地配方
暖东方双色底（奶油 + 一个招牌果色）→ 一张招牌糖水俯拍陶碗 hero + 一句时令短诗 → menu 和「到店 / 预订」给顶级导航 → 卖「坐下来的一刻宁静」，不是菜品九宫格。
01 · 配色
暖东方双色，让糖水发色
奶油暖底（#FFF1DD 系）+ 一个招牌果色（杨梅红 / 芋紫 / 陈皮橙），让糖水照片自己发色。拒绝冷白电商感。亲切路线参考 &Tea / La Crema，高端夜间线参考 Florilège 暗底。
02 · 首页
招牌糖水 hero + 待客结构
一碗招牌糖水（杨枝甘露 / 双皮奶）俯拍在陶碗上做 hero，配一句时令短诗；menu 和「到店 / 营业时间 / 预订」给顶级导航。卖「房间 + 仪式感」（Yauatcha），不是菜品九宫格。
03 · 结构 + 交互
时令轮换 + 血统 + 双语 + 微交互
时令糖水轮换（鍵善良房）+「古法 / Since」血统叙事（中村藤吉）+ 中法双语菜单（Jugetsudo 巴黎店）。再加一个低成本招牌微交互（糖水微动画 / 可拖拽甜品滑块）让小店显高工艺。