← M4 交互 · 流体无边

白画布上四块整幅的深绿与赤陶轮流出场,每块半图半字,所有按钮都是全胶囊。

一间开在街角的烘焙铺子的门脸——白墙、绿招牌、一块赤陶色的季节告示板。

未做复现测试规格与参考实现都在,但还没派 AI 验过。

打开可运行的原件

整份 16 KB,是意图 → 判据 → 构件 → 数值的顺序,不是值的堆砌。 粘给 AI 时说一句「照这套设计做一个 ⟨你的题材⟩」就够了—— 里面写着什么不能改,所以换题材它依然成立。

如果你是 agent,不必复制:

curl -s https://design-gallery-ds1.pages.dev/p/starbucks.md
可运行的原件,按 1440×900 渲染后等比缩小——能点、能滚。整页一刀不裁的样子在页尾。

什么时候拿它

  • 零售品牌首页
  • 连锁门店官网
  • 季节性商品推广页
  • 会员与礼品卡站

什么时候别拿

  • 开发者工具站
  • 内容密集的后台
  • 需要暗色模式的产品
  • 长文阅读站

凭什么信这份规格

首屏右栏那一行就是这一条的结果。这是本库唯一的验收方式: 派一个只能看规格、看不到原页的 AI 去重建, 再逐项对量。重建不像,就说明规格没写清——回去补规格,不许改实现去迁就。

这一条的账

拆出的色 token
9
字阶
12
构件
17
介质
M4 交互 · 流体无边
族
warm-organic
入馆
2026-08-26
来源
复刻 · starbucks.com 首页

整页,不裁

零售旗舰首页 · 白画布上的深绿与赤陶 的整页缩略图(不裁)