这一版改了什么：上一版挖到太多「购物电商」（茶 / 香氛 / 巧克力电商）。糖水店本质是个堂食 + 外带的店面，要参考的应该是真·餐厅网站 —— 有空间氛围、菜单、到店 / 预订、关于我们。这一版每个站都确认过是堂食店、有 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 干净订位。
SECTION D
中国糖水铺现状 · 港 / 台 / 陆
直接同品类、同根源。但要诚实 —— 这个品类的官网普遍很土或干脆没有。
🔎 深挖结论：这是一片空白市场。
我们把香港、台湾、大陆的糖水铺 / 甜品店挨个真访问验证。结果：绝大多数名店根本没有官网 —— 港台老字号（许留山 / 佳佳 / 义顺 / 聪嫂 / 源记 / 糖朝 / 白水豆花 / Ice Monster）几乎全靠大众点评 / OpenRice / FB / IG / 小红书撑场；大陆品牌的「官网」多半是加盟招商站或白底蓝模板。真正有自营官网且有设计感的是极少数。
对你的意义：这个品类官网普遍很土 = 做一个有设计感、讲新中式叙事的糖水官网，就能轻松碾压全行业。下面是少数能看的真官网，标注了哪些值得借、哪些是反面教材（白底蓝模板味要避开）。
对你的意义：这个品类官网普遍很土 = 做一个有设计感、讲新中式叙事的糖水官网，就能轻松碾压全行业。下面是少数能看的真官网，标注了哪些值得借、哪些是反面教材（白底蓝模板味要避开）。
最对口 ★
⊕截图未抓到（站点反爬）
点下方链接看实站
点下方链接看实站
五条人糖水铺 大陆 · 顺德糖水世家 + 颠覆设计
调性：厦门创立、师承顺德糖水世家，主打「老广味 + 设计感」，门店视觉口碑好。大陆糖水品类里最对口、设计相对在线的一个。
- 「传统糖水 + 颠覆设计」的品牌定位：用现代设计语言重新包装老广糖水，正是你要走的路。
- 把「世家传承」做成卖点（顺德糖水世家），血统叙事抬品牌。
最有设计感 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
楊枝金撈 Golden Mix 澳门 · 港式鲜果糖水
调性：本批最有设计感 —— 简约、中性色调、sans-serif、品牌 logo 规范，Brand Story / Signature 招牌橱窗 / 媒体 / 加盟 / 门店网络分区清晰，轮播展示招牌菜，专业摄影。现代、不土。
- 「品牌故事 + 招牌单品橱窗 + 门店网络」骨架：正适合新店做「小而精」官网的参考结构。
- 克制的中性视觉语言：靠 logo 规范 + 专业摄影撑场，不堆装饰。
相关度高
⊕截图未抓到
点下方链接看实站
点下方链接看实站
鮮芋仙 Meet Fresh 台湾 · 台式甜品国际连锁（开到法国）
调性：干净极简，白底 + teal/绿点缀（呼应「鲜·自然」），现代无衬线，大量高质产品摄影（芋圆 / 剉冰，自然色绿紫粉），留白充裕，网格化产品卡。美国站完成度最高。
- 「绿 + 白 + 产品大图」的清爽量产打法：台式糖水做成国际连锁官网的样板。
- 多语言结构成熟（已开到法国），出海品牌可直接参考其多站架构。
- 注意：它偏连锁工业感，不够「精品手作」—— 你要更有温度。
暖色治愈调 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
媽咪雞蛋仔 Mammy Pancake 香港 · 米其林街食鸡蛋仔
调性：clean 极简 + 暖色调、诱人产品特写、层级清晰、当代不浮夸、专业又亲和。「小吃品牌做对了官网」的范例。
- 暖色调 + 怀旧情绪 + 产品特写：跟「糖水的温暖治愈感」高度契合，配色与情绪基调直接可参考。
- 多语版本（/en/），街食小吃也能做出精致官网。
定位最贴你
⊕截图未抓到
点下方链接看实站
点下方链接看实站
騷豆花 Sao Douhua 台北 · 古法手作豆花
调性：干净极简、中性色调、大量留白；导航是简单文字链接；产品摄影主导（手作豆花、创意甜品），功能性大于装饰性，内容优先。
- 「古法 + 创意混搭」讲清楚：产品图撑场、不堆装饰，单店糖水官网该学的节制感。
- 同为手作小品牌，定位和你最接近 —— 看它怎么用最少的元素显手作。
国潮视觉标杆 ★
⊕截图未抓到（重 JS 渲染）
点下方链接看实站
点下方链接看实站
茶颜悦色 大陆 · 新中式茶饮（国潮美学旗手）
调性：以「新中式美学」为品牌核心 —— 水墨、仕女插画、中国红 / 墨色体系，是大陆国潮视觉做得最成体系的品牌之一。虽是茶饮不是糖水，但视觉语言最值得给法国新中式糖水店参考。
- 新中式视觉语言成体系：插画 + 传统配色 + 现代排版，是国潮标杆，落到糖水产品上即可。
- 把「中式」做成一整套母题，而不是随机贴水墨图。
- 建议浏览器直接打开看（动态内容抓取不到）。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
鲜芋仙（大陆） Meet Fresh CN · 芋圆仙草甜品
调性：品牌绿为主 + 白底，「从田到甜一碗新鲜」主题，有沉浸式品牌宣传片，现代简约带轻新中式质感，强调原生态 / 工艺。中英双语。
- 「从田到甜」的工艺叙事：少数有品牌叙事 + 产品工艺感的甜品官网，绿色自然系配色可参考。
- 偏企业宣传、互动弱，看叙事别看互动。
相关度中
⊕截图未抓到
点下方链接看实站
点下方链接看实站
满记甜品 Honeymoon Dessert 港式糖水连锁鼻祖（加拿大站）
调性：白底极简、高质产品摄影 + 生活场景图、清晰导航、有会员积分 / 电子礼券。当代但不前卫，干净规整、商业感强、不土。
- 「菜单分类 + 产品大图 + 会员」布局可借，但偏快餐连锁感。
- 缺「新中式」文化叙事和设计记忆点 —— 这正是你能超越它的地方。
真电商参考
⊕截图未抓到
点下方链接看实站
点下方链接看实站
鴻福堂 Hung Fook Tong 香港 · 凉茶 / 龟苓膏 / 炖汤（上市连锁）
调性：上市公司站 + 独立电商，规整、信息密、偏企业 / 零售而非精品设计感。龟苓膏属糖水谱系。
- 「养生叙事 + 真电商落地」的商业模式参考（外带糖水 / 礼盒电商可学）。
- 价值在商业模式，不在视觉美学。
⚠️ 反面教材
⊕截图未抓到
点下方链接看实站
点下方链接看实站
满记甜品（大陆 i-manji） 大陆 · 港式甜品（避开的模板味）
调性：白 + 蓝为主，简洁现代、模块化、大量留白，叙事走「原点故事 → 产品 → 加盟优势」。正是「白底 + 蓝按钮」的模板味 —— 你要避开的 AI / 模板感。
- 反面教材：看它品牌故事的分区逻辑可以，但配色（白底蓝）千万别学 —— 这是廉价模板信号。
中规中矩
⊕截图未抓到
点下方链接看实站
点下方链接看实站
鲍师傅 Bao Shi Fu 大陆 · 新中式糕点（肉松小贝）
调性：黑白极简、中英双语导航、大幅产品图为主视觉。设计中规中矩、商业标准化，没有明显国潮 / 新中式特征。
- 「大图产品陈列」的极简版式可参考，但记忆点不足、平淡。
名牌但「没有官网」（只有点评 / 社媒 / 小程序）—— 当不了官网参考，但门店 / 包装 / 招牌单品的内容素材可借
这些是港台陆响当当的糖水 / 甜品名牌，可惜全都没建像样官网，主阵地在大众点评 / OpenRice / FB / IG / 小红书 / 微信小程序。它们值得你借的是「招牌单品 + 老铺故事」的内容素材，不是网页设计。
白水豆花 台·极简标杆,只FB
許留山 港·已退守海外
佳佳甜品 港·必比登,只FB/IG
義順牛奶 港澳·双皮炖奶
聰嫂 港·杨枝甘露名店
源記甜品 港·168年老字号
糖朝 港·域名已停摆
Ice Monster 冰館 台·芒果冰,只IG
思慕昔 台·证书过期废站
東區粉圓 台·遗留旧站
墨茉点心局 陆·国潮,只小程序
虎头局 陆·已收缩
文和友 陆·红点奖,在线下空间
泸溪河 陆·域名挂售
麦记牛奶公司 陆·新中式糖水黑马
赵记传承 陆·600店无官网
SECTION E
港 / 台 / 陆 · 有设计感的中餐厅官网
糖水铺官网普遍很土，但高端中餐 / 新中式餐厅里有一批设计极强的。它们的「新中式视觉语言」是你最该偷的师 —— 按对口度排序。
🀄 新中式视觉标杆，从这批活站提炼的方法论：
配色 赭红/砖红 + 米白象牙 + 墨黑 / 暖大地色 —— 共识是避开大红大金，温润才高级；字体 书法/宋体做标题点缀 + 干净黑体正文，竖排中文短句当视觉锤；留白 + 摄影 大留白 + 一个克制暖色点 + 食材/空间纪录片式大图，让产品和故事说话；国际化骨架 + 东方点缀 底层现代网格（给法国客群可读）、表层一个东方符号系统贯穿。
头号标杆 ★
⊕截图未抓到（JS 单页）
点下方链接看实站
点下方链接看实站
霸王茶姬 CHAGEE 大陆 · 新中式茶饮国际站
调性：赭红/砖红 + 米白象牙 + 墨黑，温润东方不用大红大金；京剧旦角脸谱 IP + 水墨纹样融入现代极简网格；大字号衬线标题 + 克制留白。把东方美学做成面向国际客群的精致官网 —— 跟「法国 + 新中式糖水」几乎同构。
- 赭红/砖红 + 米白配色体系：比大红大金高级，直接可用。
- 一个东方符号做视觉锤贯穿全站（茶姬用脸谱；你可用糖水碗 / 桂花 / 陈皮纹样）。
- 「国际网格骨架 + 东方点缀」公式 —— 给法国客群做新中式的最佳配方。
品牌叙事首选 ★
⊕截图未抓到（JS 单页）
点下方链接看实站
点下方链接看实站
新荣记 Xin Rong Ji 大陆 · 台州菜（米其林三星）
调性：米白/象牙底 + 墨黑 + 一点暖金，极度克制的新中式高级灰白调；书法品牌标 + 类宋体大字标语，竖排中文「食必求真·然后至美」做视觉锚点；全幅食材特写 + 创始人纪录片式人物照。反 AI 套话，靠真实故事撑原创。
- 竖排中文对仗短句当视觉骨架（4+4 句式，最高效的「中国味识别符」—— 你可用「慢火细糖·岭南旧味」）。
- 「STARTED 1995」西文时间戳 + 书法标中西混排，一行小西文立刻拉高级感。
- 食材 / 创始人纪录片式大图叙事，比任何花纹背景都更原创、更难被认成模板。
沉浸式国风 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
桂满陇 Gui Man Long 大陆 · 江南菜（沉浸式就餐标杆）
调性：暖大地色 + 古意影像，现代黑体 + 古典书法混排，氛围化建筑/食物摄影 + 视频品牌哲学叙事。解构南宋西湖文化、一店一景。唯一真正「新中式国潮 + 沉浸式叙事」的官网，跟糖水店调性最贴。
- 暖大地色 + 书法点缀 + 干净黑体正文 —— 国风但不土的字体策略。
- 品牌故事用影像 + 视频沉浸叙事（把时令 / 意境 / 文化典故做成滚动叙事，你可用岭南 / 江南糖水时令意境）。
- 季节限定内容节奏保持站点「活着」。
留白高级感 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
蔡澜港式点心 大陆 · 新中式港点
调性：白/浅灰/黑 + 暖色点缀，重氛围轻特写的生活方式摄影，中英切换。典型新中式极简。
- 大面积留白 + 一个克制暖色点（糖水店用红豆色 / 桂花黄 / 杏色）—— 新中式从「土」变「贵」的关键。
- 拍空间 / 手作 / 光线，而非只怼一碗糖水特写。
- 它故意不做在线点单 —— 而你要补 menu + 预订（法国客户习惯官网看菜单订位），这是你超过中国同行的差异点。
气质最近 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
山海樓 Mountain & Sea House 台湾 · 手工台菜（米其林一星 + 绿星）
调性：暖大地色 + 奶油 + 鎏金点缀，复刻明治大正质感；衬线繁体字 + 标题竖排直书制造戏剧性；大量留白；专业单品布光摄影（有田烧 / Limoges 餐具入镜）；非对称版式。把传统中餐做成现代精致视觉的最佳范本。
- 标题竖排直书 —— 中式品名竖排，瞬间出东方高级感，西方网站极少这样做，记忆点强。
- 大地色 + 鎏金的复古配色，避开纯白+蓝模板味。
- 单品硬光摄影 + 名贵餐具入镜 —— 一碗糖水也能拍出器物感。
审美最统一 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
TATE Dining Room 香港 · 法中融合（主厨平面设计出身）
调性：大理石 + 中性 + 微粉金；极简无衬线；艺术化摆盘大图；网格 + 大留白；图片柔焦 blur 现代手法。主厨是平面设计师，全站审美统一度最高，跟「新中式糖水」温柔气质最贴。
- 「Edible Stories / 可食用的故事」叙事结构 —— 每款糖水配一段料 / 节气 / 寓意小故事。
- 微粉 + 金 + 大理石的柔美高级配色，直接是新中式糖水的色板。
- 图片柔焦过渡（blur-up）做加载动效，廉价但高级。
高端不冷 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
大班樓 The Chairman 香港 · 现代粤菜（曾列亚洲 50 最佳第一）
调性：中性米白底 + 金铜色点缀；衬线 + 无衬线混排；大量留白；食材近景摄影为主角；动效极克制。「高端但不冷」的最佳样本，气质跟糖水店「温润」最近。
- 「Today's Menu / 当日菜单」做成首屏入口 —— 比静态菜单更有「今天为你做」的温度，你可改成「今日糖水」。
- 居中 logo + 对称页脚的古典版式，传达老字号感而不土。
- 中英双语切换放导航顶部，法/中切换可直接套。
小店体量最贴 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
Ho Lee Fook 香港 · 新派粤菜（潮流港式）
调性：金 + 黑主调 + 红色点缀；现代无衬线；菜品/空间/主厨肖像生活化摄影；慷慨留白；scroll-triggered 渐显。预算友好、易复刻的现代单页范本，最接近独立小店该有的体量。
- 单页滚动 + 分段锚点导航 —— 一家店全部内容一页讲完，最适合糖水店体量。
- 滚动渐显（scroll reveal）给静态页加高级感，成本低。
- 主厨 / 创始人肖像段做品牌人格化（放主理人 + 选料故事）。
业态最完整 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
甬府香港 Yong Fu 大陆/香港 · 宁波菜（米其林一星）
调性：精致深色调 + 高质感摆盘大图 + 餐厅内饰艺术照，米其林星标做页眉信任背书，嵌入社媒季节限定动态流。业态最完整：餐牌 + 訂座双 CTA。
- 菜单 + 预订双 CTA 并列主导航（能看 + 能订完整闭环）。
- 奖项 / 老字号星标做信任锚。
- 季节限定 + 社媒动态流嵌入让静态站「活着」（夏陈皮绿豆 / 冬芝麻糊正好适配）。
三星极简留白 ★
⊕截图未抓到
点下方链接看实站
点下方链接看实站
態芮 Taïrroir 台湾 · 台魂法菜（米其林三星）
调性：极简奢华，中性色调；繁中 + 英文双语，现代无衬线；超大留白；克制少图；几乎无动效，靠版式层级和呼吸感取胜。Hero 用「所謂料理，就是用料有理」立意。
- 一句品牌哲学当 Hero 主文案（而非堆图）—— 你可用「熬一碗时间」之类的中文短句立意。
- 极致留白 + 少即是多，不靠动效靠排版，适合预算有限但想显高级。
- 双语 toggle 的干净导航，中/法切换可直接借。
山中禅意侘寂
⊕截图未抓到
点下方链接看实站
点下方链接看实站
食養山房 Shi Yang 台湾 · 山中禅意无菜单料理
调性：极简单色（浅底深字 invert logo）；大幅山景风光 Hero；克制几乎无动效；超大留白；横向极简导航。整体「少即是禅」，跟「养生糖水」气质极契合。
- 一张意境照当全屏 Hero + 极少文字 —— 传达「养生 / 静」的氛围。
- 侘寂留白，大面积空白本身就是设计语言，适合「治愈系糖水」。
- 如画摆盘特写 —— 每碗糖水拍成「画」，弱化商业感。
图驱动单页
⊕截图未抓到
点下方链接看实站
点下方链接看实站
logy 台湾 · 台日融合（米其林二星）
调性：极简、图片占主导；大 Hero 图立即定调氛围；专业室内/主厨肖像/料理摄影；大量留白；锚点导航（Home / Concept / Chef / Reservation）。
- 大 Hero 图 + 锚点单页滚动 —— 结构简单好维护，适合内容不多的小店。
- 主厨 / 创始人肖像 + Concept 段落讲「为什么做这碗糖水」。
暗黑视差动效
⊕截图未抓到
点下方链接看实站
点下方链接看实站
EMBERS 焰 台湾 · 台湾风味 + 原住民食材（米其林）
调性：暗黑/低明度 + 海洋意象；干净无衬线；大留白；多层叠加 PNG 暗示视差 / 景深滚动；按年份组织的理念叙事。本批动效最强，适合想要氛围感的方向。
- 多层 PNG 视差 Hero —— 糖水的水 / 蒸汽 / 食材可分层做景深动效。
- 暗底反衬食物色彩 —— 红豆 / 桂花 / 糖色在深底上更跳。
- 「Why we cook」理念页单独成页，提升档次。
多品牌横滑
⊕截图未抓到
点下方链接看实站
点下方链接看实站
MMHG（MUME 集团） 台湾 · 现代台湾料理集团
调性：极简中性底 + 各品牌专属 accent 色；干净现代无衬线；大量留白；横向滚动餐厅 carousel + animated SVG + 平滑滚动转场。
- 横向滚动卡片展示产品系列（多款糖水横滑），比纵向网格更有节奏。
- 每个子系列一个 accent 色，统一在中性底上。
老字号不土
⊕截图未抓到
点下方链接看实站
点下方链接看实站
家全七福 Seventh Son 香港 · 传统粤菜（福临门家族传承）
调性：极简版式 + 传统中文字（繁/简）；门店/招牌菜摄影；清晰层级导航 + 大轮播。示范了老字号如何用极简版式显得不土。
- 繁简中文 + 英日多语切换 —— 多语架构对法国店的法/中/英直接参考。
- 老字号叙事 + 现代极简骨架，证明传统招牌不必用俗气金龙红底。
零动效也高级
⊕截图未抓到
点下方链接看实站
点下方链接看实站
營致會館 Ying Jee Club 香港 · 粤菜（米其林二星）
调性：中性色调 + 金/星点缀；极简无衬线；高质菜品/空间摄影；hero banner + 分区网格；几乎零动效。证明「不做动效也能高级」，预算/工期紧的安全底板。
- 奖项 / 媒体徽标做信任锚点放显眼处。
- 纯静态分区网格，靠摄影和留白撑场面，零 JS 也成立。
- 预订 + 外带双入口并列，符合糖水店堂食 + 外带需求。
深色摄影
⊕截图未抓到（地区限流）
点下方链接看实站
点下方链接看实站
tea'stone 大陆 · 新中式茶饮空间
调性：新中式茶饮里少数认真做官网的。深色系（墨黑/深棕）+ 东方留白 + 高质感茶器/空间摄影。
- 深色背景让暖色糖水摆盘格外出彩。
- 用门店空间摄影「卖氛围」，极简衬线标题。
摄影优先工艺
⊕截图未抓到
点下方链接看实站
点下方链接看实站
利苑 Lei Garden 香港 · 粤菜（米其林，现代轻奢）
调性：粤菜米其林，现代轻奢。有菜单 + 在线点单 + inline.app 嵌入式订位。（别参考美国店那个简陋 Google Sites 页。）
- 配色压成中性，视觉重量全给食物特写（让甜品照说话）。
- 预订 / 点单用第三方嵌入（inline.app / TableCheck），小店工程量低。
这批的实操结论 + 补充候选
给糖水店的最优组合：视觉对标 CHAGEE（同业态国潮国际化）+ 桂满陇（沉浸式国风叙事）+ 蔡澜港点 / TATE（留白高级感 + 每款一个故事）；结构抄 Ho Lee Fook（单页滚动最贴小店体量）；功能闭环抄 甬府（menu + 预订双 CTA + 季节限定）；预订嵌 SevenRooms / inline。共识红线：坚决避开纯白 + 蓝 / 大红大金。
Manner Coffee 陆·清爽现代版式
奈雪的茶 陆·鲜亮产品摄影
Holt 台·一星,Squarespace 小店
RAW 台·设计封神但已歇业
JL Studio 台·三星,官网建设中
大董 陆·官网已死站
共性套路 · 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 巴黎店）。再加一个低成本招牌微交互（糖水微动画 / 可拖拽甜品滑块）让小店显高工艺。