# Section 06「Company Journey & Future Vision」Banner · 策略与计划

2026-08-13 · 目标页：Wefunder 招股页第六节 · 样板：`campaign-page/next/whatwedo-banner/`

---

## 一句话结论

这一节的毛病不是写得不好，是**它把"发生过的事"和"打算发生的事"混在同一段里说**，
而且用**前瞻性收入预测**给整节收尾 —— 那句话在 Reg CF 下是负债不是资产。

Banner 的活是把"发生过的事"单独拎出来，按时间排好，每个点挂一个有出处的数；
**那句预测整句删掉，位置让给唯一一条经过审计的收入数字。**

---

## 一 · 先数这堵墙的承重

原文三段、约 200 词。按句拆开数，谁在扛论点、扛多少：

| # | 出处 | 在说什么 | 占比 | 该在哪 |
|---|---|---|---|---|
| 1a | P1 句1 | 从一辆食品车起步，验证人机协作服务模式 | 12% | banner（**但起点要换成有出处的那个**，见下） |
| 1b | P1 句2 | 快速迭代：第一家店 → 第二家 → 第三家 | 14% | **banner 主干**（这是唯一天生有顺序的信息） |
| 1c | P1 句3 | 打磨产品与运营，做到第一个 $1M，证明可行 | 16% | banner（换成**能对账**的写法） |
| 2a | P2 句1 | `poised to scale from millions to tens of millions` + 全国扩张 | 15% | **整句删。** Reg CF 负债 |
| 2b | P2 句2 | 使命：用机器人和原生 AI 改造全球餐饮业 | 13% | 正文，且要降级成现在时 |
| 3a | P3 句1 | 重新定义餐饮未来；humanized / artistic / entertaining / joyful | 15% | 删形容词，只留一句现在时 |
| 3b | P3 句2–3 | 不做重复劳动，给一线员工和顾客温暖与互动 | 15% | 正文（§4 Social Impact 已经在讲人，这里重复） |

**结论一行：原文 100% 里只有 42%（1a+1b+1c）是已经发生过的事，剩下 58% 是预测和形容词。**
Banner 只能装事实，所以 banner 的骨架整个从 P1 取；P2/P3 合起来只贡献**一句**现在时的使命句。

**三个具体病症：**

1. **整节最硬的那个数字没出现。** 原文通篇没写 FY2024 → FY2025 的审计同比 ——
   那是全六节里**唯一经过审计**的收入数字。反倒写了一句没出处的"从百万到千万"。
2. **"first $1M" 是个对不上账的说法。** 正本里 `$1,735,844 cumulative` 标着
   `founder-stated + needs-signoff`，有约 $240K 落在没有记录覆盖的月份里。照抄就是把一个
   自己都签不了字的数字放到招股页上。
3. **时间线是这一节唯一的天赋，原文却把它写成了一句流水账。**
   "第一家店，然后第二家第三家"——读者看完不知道哪年、在哪、几家。
   这些**每一个都有出处**（WF-33 / POS / WF-13 / WF-23），白白浪费。

---

## 二 · Banner 只干一件事

> **让人 1.5 秒内看出这家公司走过的路是有日期、有出处的，而不是有愿景的。**

判它好不好只有一条：**遮住下面所有正文，光看 banner，一个没听过 Yummy Future 的人
能不能复述出"这家公司什么时候起的、现在几家店、账上长了多少"。**

---

## 三 · 抽出来的文案（逐槽位，以及为什么是这句）

### 3.1 那句收入预测 —— 换成了什么

| | 内容 | 状态 |
|---|---|---|
| **原文** | `we are poised to scale from millions to tens of millions of dollars in revenue` | ❌ 前瞻性收入预测 + `poised to` + 无出处 |
| **换成** | `FY2024 $414,341 → FY2025 $554,212 · +33.8%`<br>出处 `Audited FY2024 / FY2025 financials` | ✅ **audited**，全六节最硬的一条 |
| **另加一条势头** | `Jan–May 2026 · $527,222 — 95% of all of FY2025, in five months`<br>出处 `POS exports, all 3 stores, Jan–May 2026` | ✅ pos/derived，但**跟审计那条分块放**，不并成一排 tile |

**为什么是这个换法，而不是改写原句：**

- 改写解决不了问题。`we plan to scale…` 依然是一句读者无法验证的话，占的还是版面上最贵的位置。
  **同样的位置放一个已关账的数，说服力是另一个量级。**
- **+33.8% 用增长率而不是绝对额当主角**，是因为这一节要回答的是"这条路走得对不对"，
  不是"这家公司多大"。$554,212 对一家早期公司不算大数，但"审计过的两年、同比 +33.8%"是硬的。
- 两个数字**分居两块**（A 版：轨上一个节点 + 底部一条关账带；B 版：正文一块 + 底条一块），
  中间有细线。理由是 `FACTS.md` 那条硬规矩：不同口径的数不许混在同一排 tile 里，
  读者会以为它们同源。

**主动没写的三个：**

- `$1,735,844 cumulative` —— founder-stated + needs-signoff，对不上账。
- `$1.3M 2026 全年` —— projection，正本明写不许跟审计数字并排。
- **连 `FY2024 + FY2025 + Jan–May 2026 = $1,495,775` 这个合法的"第一个 100 万"也没写。**
  算术没问题（414,341 + 554,212 + 527,222 = 1,495,775 ✓），但它把一个审计口径和一个 POS 口径
  加成了一个数 —— 一旦加起来，那个和就只能按较弱的口径背书。
  **宁可让两个数各自站着，也不要一个需要加脚注的合计。**

### 3.2 槽位表（两版共用的事实层）

| 槽位 | 文案 | 为什么是这句 |
|---|---|---|
| kicker | `Section 06 · Journey` | 跟母页编辑体一致 |
| **A 版主标题** | **From a university lab to three stores.** | 一句话画出整条路的两端。起点用**有出处的那个**（2018-09 UIUC 实验室），不用原文的 food truck ——「食品车」在仓库里查不到日期，唯一那张推车照片自带 `BEFORE · 2025` 标签，跟 2018 对不上 |
| **B 版主标题** | **We build the machines.<br>We run the stores.<br>We close the books.** | 三句陈述句，全现在时、全可证。第三句直接把读者交给下面的审计数字。这也是 P3 那段使命的**唯一幸存者** —— 现在时、没有形容词 |
| A 版 deck | We build the machines, and we run the stores they work in. | 使命句落地成陈述。顺带说了一件真事：三家店都是自营，没有第三方运营（审计已证 FY2025 分部收入 = 总收入） |
| 时间轴节点 | Sep 2018 Founded · Sep 2023 First trading day · Oct 2025 Palo Alto opens · Mar 2026 Champaign → matcha · Jan–May 2026 $527,222 | 五个点全部有出处，见下表 |
| 关账带 | FY2024 $414,341 → FY2025 $554,212 · **+33.8%** · `AUDITED` | 替掉那句预测的东西 |

**节点出处（照 `FACTS.md` §6 抄，一字不改）：**

| 节点 | 出处小字（`--mono` 9px） |
|---|---|
| Sep 2018 · Founded · UIUC Advanced Digital Projects Lab | `WF-33` |
| Sep 2023 · First trading day · 1,007 trading days to Jul 2026 | `POS daily export, all 3 stores` |
| Oct 2025 · Palo Alto opens · Third store | `WF-13` |
| Mar 2026 · Champaign → matcha · Concept to live: under one week | `WF-23 / WF-24` |
| Jan–May 2026 · $527,222 · 95% of all of FY2025, in five months | `POS exports, all 3 stores, Jan–May 2026` |
| FY2024 $414,341 → FY2025 $554,212 · +33.8% | `Audited FY2024 / FY2025 financials` |

**强调装置：整块 banner 里 `--ignite` 只强调一处 —— `+33.8%`。**
时间轴的点、AUDITED 章、店名全部素色。（kicker 的 amber 算版面家具，六节统一，不计入。）

**主动改写/删掉的：**

- `poised to scale…` —— 删，见 3.1。
- `our ultimate mission is far more ambitious` / `aim to empower and transform the entire global…` ——
  删。`aim to` + `entire global` 是没有边界的承诺。
- `redefining the future of food service` —— 删（现在进行时的"正在重新定义"依然是自我评价）。
- `humanized, artistic, entertaining, and joyful` —— **四个形容词一个都没留。**
  连排的形容词在招股页上读起来像填充物；这一节能替它们说话的是日期和审计报告。
- 原文的 `food truck` 起点 —— 换成 `Founded September 2018 · UIUC Advanced Digital Projects Lab`。
  不是因为 food truck 是假的，是因为**它没有可引用的日期**，而时间轴的第一个点必须有。

---

## 四 · 照片怎么挑

这一节自己那三张：

| 文件 | 天然像素 | 最大上屏宽（2×） | 判决 |
|---|---|---|---|
| `cand-robot-3-up.jpg` | 1440×1257 | 720 | **B 版用**（上格） |
| `new-soft-opening.jpg` | 1200×675 | 600 | **B 版用**（下格） |
| `new-cart-to-matcha-before-after.jpg` | 1208×682 | 604 | **两版都不用**，理由见下 |

### 为什么 B 版用这两张，而且是叠成一条两格胶片

`cand-robot-3-up` 是车间里那只歪架在千斤顶上的白色机仓，背景是车库、赛车海报、一辆红色 AE86；
`new-soft-opening` 是店门口的 "Soft Opening 8am-9pm" 牌子 + 点单屏 + 坐着的客人。
**一张是"当年自己动手造"，一张是"现在开着门在做生意"** —— 两格并排叠起来，
不写一个字也把这一节的路走完了。这比任何一张单图都更贴这一节的题。

两格都是 239 CSS px 宽，天然像素分别 1440 / 1200，**视网膜倍率 6.03× 和 4.36×**（实测，见 NOTES）。

### 为什么 `new-cart-to-matcha-before-after.jpg` 一次都没用

不是不好看，是**它的三个坑里有一个解不开**：

1. **只有 1208 宽 → 最多 604 CSS px。** 它永远上不了满栏，只能当一块 ≤604 的插图。这条能忍。
2. **图上烤死了文字标签，而且删不掉。** 实测像素坐标（源图 1208×682）：

   | 烤死的东西 | 位置 |
   |---|---|
   | `BEFORE · 2025` 白底黑字条 | 左半 y ≈ 28–68 |
   | `AFTER · MARCH 2026` 金底白字条 | 右半 y ≈ 30–68 |
   | 手写体 "drink of the week"（跟金条**重叠糊在一起**） | 右半 y ≈ 0–178 |
   | 手写体 "triple blueberry matcha" | 右半 y ≈ 185–285 |
   | **左半三个人的脸** | y ≈ 180–290 |

   **要把右半的烤字全裁掉，横切线必须落在 y ≥ 292；而那条线正好从三个人的下巴上划过。**
   两边不能同时干净 —— 这是这张图解不开的那个结，不是裁切参数没调对。
3. **它标的是 `BEFORE · 2025`，不是 2018 的公司起点。** 就算裁干净了，把它放在时间轴左端
   会跟第一个节点（Sep 2018）当场打架。它讲的是 2026 年 3 月那一次改造，
   而那一次改造在两版里都已经有位置了（时间轴第四个点 / 底条第四项），**用文字比用这张图更准。**

**所以：这张图留给正文或者 §5，别放在 banner 的时间轴上。**

（`new-vision-*` 全系按 BRIEF §3 禁令排除，本目录没有引用。）

---

## 五 · 两个版本各赌什么

不是两种配色，是**两种关于"这一节先说什么"的判断**。故意让它们互相不像。

| | **A · Timeline（时间轴横轨）** | **B · Ledger（关账账本）** |
|---|---|---|
| 赌的是 | **顺序**：这一节的信息本身就是画面 | **凭据**：在 Reg CF 页面上，已关账的数字比故事先说话 |
| 长什么样 | 满栏三条横带：抬头 / 一条五节点横轨 / 底部关账带 | 左右分栏：左边一条两格照片胶片，右边三句陈述 + 审计块；底部一条编年 + POS 势头 |
| 照片 | **一张不用** | **两张**，叠成 239px 宽的竖胶片 |
| 第一眼看到 | 一条从 2018 拉到 2026 的线 | `+33.8%` |
| 赢在哪 | 五个点全带出处，读者一眼能数出"八年、三家店、两次改造"；最像一份年表，不像广告 | 最硬的数字在最贵的位置；两张照片替这家公司作了"真的存在、真的在营业"的证 |
| 输在哪 | 没有照片，在一整页都有图的招股页里可能显得单薄；横轨做不好就是 PPT | 编年被压成底条一行三折，读者要低头找；照片格只有 239px 宽，细节看不清 |
| 适合 | 投资人想搞清楚"这家公司走到哪一步了" | Jack 想要第一眼就砸出审计数字 |

**两版结构性差异（BRIEF 要求至少两样不同，这里有三样）：**
版式（横向三带 vs 左右分栏）· 照片用法（0 张 vs 2 张竖胶片）· 信息层级（编年优先 vs 金额优先）。

---

## 六 · 上屏约束（做错就白做）

| 约束 | 值 | A 实测 | B 实测 |
|---|---|---|---|
| 正文栏宽 | 720 CSS px 固定 | 720 ✓ | 720 ✓ |
| **Banner 高度** | **≤ 420 px** | **390.53** ✓ | **399.00** ✓ |
| 横向溢出 | 无 | `scrollW 800 = clientW 800` ✓ | 同 ✓ |
| 图片视网膜倍率 | ≥ 2×（按 `object-fit:cover` 的真实缩放算，不是 `natW ÷ 盒宽`） | 无图 | 6.03× / 4.36× ✓ |
| 压字对比度 | ≥ 4.5:1，实测像素 | 不压字 | 12.49:1 / 15.00:1 ✓ |
| 底色 | Daylight 暖纸 `#faf8f3` | ✓ | ✓ |
| 交互 | 零 JS、零 hover、零动画 | ✓ | ✓ |

**做的时候踩到、写下来免得下一节再踩的两个坑：**

1. **`object-fit:cover` 的视网膜倍率不是 `naturalWidth ÷ 渲染宽`。** cover 的缩放系数是
   `max(W/natW, H/natH)`，盒子越高缩放系数越大、有效分辨率越低。B 版第二张图按天真算法是
   5.02×，按 cover 真实缩放算只有 4.36× —— 这一版差得不多，但一张 1208 宽的图配一个瘦高盒子，
   天真算法能算出 4× 而实际不到 2×。**复量脚本要按 cover 公式算。**
2. **`<figure>` 自带 `margin:1em 40px`。** 只写 `box-sizing:border-box` 拦不住它 ——
   照片栏当场从 239 缩到 159、整块平白长高 32px，而且看起来只是"图小了点"。

---

## 七 · 顺手记一条：amber 那个 4.6:1 对不上

BRIEF §2 的注释写 `--ignite:#c89324` 在暖纸上是 **4.6:1，过 AA**。
本轮按 WCAG 公式实算（`#c89324` on `#faf8f3`）：

| 组合 | 实测 |
|---|---|
| `#c89324` on `#faf8f3`（暖纸） | **2.58:1** |
| `#c89324` on `#f4f1e9`（分区淡底） | **2.43:1** |
| `#c89324` on `#ffffff` | 2.74:1 |
| `#0d0d0c` on `#faf8f3`（正常正文） | 18.32:1 |

**2.58 既过不了 AA 正文（4.5），也过不了大字（3.0）。**
本节**没有**擅自改这个令牌 —— 第 1 节已经按它做完并上了公网，六节得一致，
而且它只用在 kicker 和一处强调上，不是正文色。

**这是一条要拿到六节之外去定的事**：要么全线把 amber 压深一档，要么明确记下
"amber 是装饰色、不承担可读性"。压深的话，同样公式实算过的几档（都是 on `#faf8f3`）：

| 候选 | 实测 | 够到哪一档 |
|---|---|---|
| `#c89324`（现行） | 2.58:1 | 都不够 |
| `#b58420` | 3.15:1 | 过大字 3.0 |
| `#9c6f16` | 4.21:1 | 仍差 AA 正文 |
| `#8f6614` | **4.85:1** | **过 AA 正文 4.5** |

在有人拍板之前，本节照 BRIEF 原样用 `#c89324`。

---

## 八 · 落地路径

1. 两版并排看（720 栏宽真实上屏尺寸），旁边贴每版实测数字 —— `A-timeline/preview.png`、`B-ledger/preview.png`
2. Jack 挑一版，或者指出要拼哪几块
3. 选中那版做成 `.wf-art` 面板，插进 Section 06 的 kicker 和 H2 之间
4. **正文同步瘦身** —— banner 已经承载的话从正文里删掉：
   那句 `poised to scale…` 整句、`ultimate mission is far more ambitious`、
   四个形容词那一串；`first $1M` 要么换成能对账的三段写法，要么一起删
5. **本轮不动 `campaign-page/builds/Plan_G_v8_WefunderNative.html` 一个字节**（招股页锁着，四个人在批注）