一、首页

整体采用奶油白+焦糖棕+咖啡棕+浅薄荷绿配色，传递温暖治愈的生活方式质感。顶部门店定位条展示最近门店+营业状态，支持切换。banner区以产品场景摄影大图轮播——"夏日限定·海盐焦糖拿铁+椰子慕斯·¥48""甜品上新·杨枝甘露千层·前100单赠挂耳包"。

四大核心入口：扫码点单（到店扫桌面码→下单支付→凭号取餐）、甜品上新（季节限定/人气爆款/经典款/新品首发）、门店查询（地图找店+环境+导航）、会员福利（积分兑饮品/生日甜品礼/储值赠金/周三会员日）。"今日推荐"横滑产品卡片：特写摄影图+品名+风味描述+标签（"新品""人气TOP1"）+价格+加购按钮。"甜品橱窗"展示当日可售甜品，售罄灰显标注。热门套餐——"早餐套餐·拿铁+可颂¥28""下午茶双人·2杯咖啡+甜品¥78"。底部"大家都在点"实时滚动增强从众效应。悬浮扫码点单按钮。

二、点单页

顶部当前门店+桌号（扫码自动识别）。分类Tab：全部/咖啡饮品/茶饮/甜品蛋糕/面包轻食/限定新品，选中浅薄荷绿高亮。菜单列表卡片：产品摄影图（左侧35%）+品名+风味描述+规格选择（中杯¥28/大杯¥32）+标签（"人气TOP1""植物基可选"）+价格+加购按钮。咖啡标注烘焙程度和风味关键词，支持换植物奶（"+¥3"）和低因豆。茶饮标注茶底+甜度冰量入口。甜品标注原料+冷藏提示。限定新品独立分区标注"N"角标+限时提示。底部购物车常驻显示件数+金额，点击展开清单+备注输入框（"少糖/换燕麦奶/打包"）+"去结算"按钮。结算页展示明细+折扣/优惠券抵扣+积分获取+配送/自取方式+支付。

三、门店详情页

顶部门店环境大图轮播——外观+室内+吧台+户外座位+甜品展示柜。基本信息卡片：店名+评分+营业时间+距离+地址+导航/拨打电话。今日推荐——门店独家隐藏菜单（如"桂花酒酿拿铁·仅本店有售"）。门店服务：WiFi/充电/座位数/宠物友好/无障碍设施/安静程度标签。用户评价精选带图：头像+星级+评语+关键词标签（"咖啡好喝""适合办公""拍照出片"）。门店UGC照片墙+"我也要打卡"引导。门店活动——"周六·手冲体验课¥68/人""每月15日·会员杯测会"。预约到店：选择人数+日期+时段+座位偏好→提交→到店展示预约码。底部导航+菜单+联系门店+收藏。

四、个人中心

顶部会员卡片：头像+昵称+咖啡豆等级（青豆/黄小豆/红豆/黑豆创意命名）+积分余额+升级进度条。累计消费杯数和节省金额趣味展示。功能入口：会员权益（等级对比表——青豆：消费积分+生日饮品券；黄小豆：饮品88折+周三半价；红豆：甜品88折+好友分享券+新品优先尝；黑豆：全场85折+专属杯+储值9折+专属咖啡师+VIP活动）、我的订单（待取餐/已完成/已取消，待取餐展码+订单详情+"再来一单"）、优惠券（可用/临期/已用，智能推券——"今天用这张券只要¥18"）、积分商城（积分兑升杯券/甜品券/挂耳包/杯子/咖啡豆礼盒，积分攻略）、收藏门店（列表+常去标识+导航和点单入口）、咖啡日志（消费日历+风味档案——"你最喜欢的风味：坚果·焦糖·巧克力"+"年度咖啡报告"趣味可分享）。专属杯功能——满50杯解锁定制杯·到店用专属杯减¥3。邀请好友双方各得¥10饮品券。设置区：口味偏好、通知管理、退出登录。