下面有这一节的现状截图和 4 个骨架不同的新版式。推荐:方案 B——全页最该「砸一下」的一节:一句大话 + 一行数字放在反色深底上,跟前后两节纸色拉开,也是全页三节暗底之一。
怎么用:点右上角「✎ 批注」按钮(按钮上那串英文是这一页批注的存档名),在任意方案、任意一句话上点一下写意见(比如「选 B,但标题换居中」)。选定后这一节可以单独再开一轮。
大标题块 → 4 格年份条 → 3 格大数字 → 评分条 → 按钮,全是细线方格。


适合:时间线可以配老照片,讲「从实验室到三家店」的故事感最强。 代价:要往下滚几屏才看完,着急的人只看到一个数字。

Founded in the UIUC Advanced Digital Projects Lab.
First robot bar opens on Green Street, Champaign.
Second location opens — Matcha House, 401 E Green.

Third store opens in downtown Palo Alto, California.

Founded in the UIUC Advanced Digital Projects Lab.
First robot bar opens on Green Street, Champaign.
Second location opens — Matcha House, 401 E Green.

Third store opens in downtown Palo Alto, California.
手机上不钉住:大数字在上,时间线一站一张卡往下排。
两个框里是同一份小样,按框的宽度自动排版——跟真网页在手机上的表现一致。
适合:全页最有分量的一刻,三秒读完;时间线缩成一条细线不抢戏。 代价:时间线的故事感没了,只剩年份;数字一多就挤。
手机上数字两两一行,时间线变成竖排四行小字。
两个框里是同一份小样,按框的宽度自动排版——跟真网页在手机上的表现一致。
适合:「一年一家店」的节奏看得最直观,老照片和新门店放在同一条线上对比强。 代价:四站以后再加就放不下;数字变小字;2022、2024 两站官网上没有对得上的门店照片,要先补。

Founded in the UIUC Advanced Digital Projects Lab.
First robot bar opens on Green Street, Champaign.
Second location opens — Matcha House, 401 E Green.

Third store opens in downtown Palo Alto, California.

Founded in the UIUC Advanced Digital Projects Lab.
First robot bar opens on Green Street, Champaign.
Second location opens — Matcha House, 401 E Green.

Third store opens in downtown Palo Alto, California.
手机上时间轴改成横着划,一次看一站。
两个框里是同一份小样,按框的宽度自动排版——跟真网页在手机上的表现一致。
适合:最冷静、最像尽调材料,投资人和买家都爱看;每个数旁边能挂出处。 代价:没有照片、没有情绪,放在首页偏干。
| Founded | 2018 · UIUC Advanced Digital Projects Lab |
|---|---|
| First robot bar | 2022 · Green Street, Champaign |
| Second location | 2024 · Matcha House, 401 E Green |
| Third store | 2025 · Downtown Palo Alto, California |
| Cups served | 240,000+ to paying customers |
| Best single day | $7,245 · Apr 11, 2026 |
| Google rating | 4.8★ across 623 reviews |
| Green Street matcha bar | 5.0★ over 337 reviews |
| Founded | 2018 · UIUC Advanced Digital Projects Lab |
|---|---|
| First robot bar | 2022 · Green Street, Champaign |
| Second location | 2024 · Matcha House, 401 E Green |
| Third store | 2025 · Downtown Palo Alto, California |
| Cups served | 240,000+ to paying customers |
| Best single day | $7,245 · Apr 11, 2026 |
| Google rating | 4.8★ across 623 reviews |
| Green Street matcha bar | 5.0★ over 337 reviews |
手机上表格两列不变,字号略小,照样一行一件事。
两个框里是同一份小样,按框的宽度自动排版——跟真网页在手机上的表现一致。
照片和文案全部取自官网已有的内容;小样里的数字只用现在线上预览版出现过的(测试会查)。回总览 →