第 2 节 · 饮品 #drinks
下面有这一节的现状截图和 4 个骨架不同的新版式。推荐：方案 B——第一屏是满版暗视频，紧接一节纸色、有大有小的拼贴，最能拉开；门店实拍当主角也比一格格饮品图更有「真店」感。
怎么用：点右上角「✎ 批注」按钮（按钮上那串英文是这一页批注的存档名），在任意方案、任意一句话上点一下写意见（比如「选 B，但标题换居中」）。选定后这一节可以单独再开一轮。
内容大纲（照现在线上预览版的原文）
- 眉标 // Range
- 标题 Espresso. Matcha. Cold brew. All of it.
- 导语：A robotic bar that pulls espresso, whisks matcha…
- 9 款饮品照片卡（名字 + 冷热/配料）
- 6 张门店实拍（Jack 09-13 让加的）
- 一句：Coffee, matcha and fruit tea run on the same hardware…
- 两个按钮：Explore Max · See the full menu
- 同一节里两个数对不上：眉标写「24 SKUs in production」（在售 24 款），格子里写「150+ drinks」（150 多款）。版式小样里两个都没放，要 Jack 定用哪个。
- 「Cold Brew」卡用的是 Americano 同一张照片，页面上出现两次。小样里去掉了 Cold Brew 卡。
- 旁注「<1 gram dose precision」（称粉误差不到 1 克）和流程区「±0.1G dose tolerance」（误差 ±0.1 克）说法不一致，待核。
现状
标题块 → 导语 → 5×2 等宽方格卡 → 6 格照片条 → 一句话 → 两个按钮。
方案 A · 横向滑动：左边一句话，右边一排大照片可以横着划
适合：照片可以放很大，手机上左右划正好顺手；不占纵向高度。 代价：电脑上用户不一定知道能横着滑，后面几款饮品可能没人看到。
Espresso. Matcha.
Cold brew. All of it.
A robotic bar that pulls espresso, whisks matcha, and serves a full café menu — with nobody behind the counter.
Espresso. Matcha.
Cold brew. All of it.
A robotic bar that pulls espresso, whisks matcha, and serves a full café menu — with nobody behind the counter.
手机上标题在上，照片一张占八成屏宽，露出下一张的边提示能划。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 B · 一大几小拼贴：一张门店实拍当主角，饮品照片围着它推荐
适合：有主有次，一眼就有「真店、真杯子」的感觉；六张实拍不再是一条小缩略图。 代价：只能挑 4–5 款饮品上墙，其余要点进菜单才看得到。
Espresso. Matcha.
Cold brew. All of it.
Coffee, matcha and fruit tea run on the same hardware — a new category is a recipe, not a new machine.
Espresso. Matcha.
Cold brew. All of it.
Coffee, matcha and fruit tea run on the same hardware — a new category is a recipe, not a new machine.
手机上主角照片占满一行，下面饮品两两一排，最后是一句话卡。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 C · 分类页签：点「Espresso / Tea / Fruit」换一组
适合：菜单再加几十款也不会变长；想喝抹茶的人一步就到。 代价：要点一下才看到别的品类，没点的人只看到第一组。
Espresso. Matcha. Cold brew. All of it.
- AmericanoHot · Double Shot
- LatteHot · Whole or Oat
- Caramel MacchiatoIced · House Caramel
- Recipe-versioned · logged per cup
Espresso. Matcha. Cold brew. All of it.
- AmericanoHot · Double Shot
- LatteHot · Whole or Oat
- Caramel MacchiatoIced · House Caramel
- Recipe-versioned · logged per cup
手机上页签变成可以横划的一排小按钮，下面一张大图加名单。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
方案 D · 菜单板：像店里的价目板一样排字，旁边一张竖幅照片
适合：字多图少，最像真实咖啡馆的菜单板；全部饮品一屏列完。 代价：饮品照片几乎没了，好看的杯子图浪费；深底要注意跟前后节别撞。
Espresso. Matcha.
Cold brew. All of it.
Espresso. Matcha.
Cold brew. All of it.
手机上照片放最上面，菜单变成一列，分组小标题留着。
两个框里是同一份小样，按框的宽度自动排版——跟真网页在手机上的表现一致。
照片和文案全部取自官网已有的内容；小样里的数字只用现在线上预览版出现过的（测试会查）。回总览 →