IFM Overview · Section 06

Company Journey & Future Vision
From 2018 to today

14 versions side by side, every one at the real on-screen size of the Wefunder body column, 720px. Every number below is measured live by script, not self-reported by whoever built the version.

← Back to the overview
The call for this section · from STRATEGY.md

这一节的毛病不是写得不好,是它把唯一有证据的那一半,和完全没有证据的那一半,用同一种语气写了。

「2018 年在实验室起家 → 今天三家店 → $1,735,844 已收进 POS」是可查的;

「poised to scale to tens of millions」「joy / warmth / humanized」是许愿。

Banner 的活是只背有日期、有出处的那一半,并且让那一半自己讲出「这家公司一直在往前走」——

许愿的那一半 banner 一个字都不背,留给正文结尾。


A · 双面时间轴(Spine) A-spine

On-screen height377pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

赌的是什么 —— 赌时间本身就是证据。这一节手上有 2018、2025、2026 三组可查的真实日期,

和两年审计过的账 —— 那些日期不需要形容词帮忙,它们自己就能说明这家公司一直在往前走。

所以这一版一张照片都不用:事件在轴上方,钱在轴下方,共用一根轴。

甘特图只有一种量,这根轴上有两种,读者一眼看到的是它们的对位关系

(2025 那一格:Palo Alto 开业 + $554,212 +33.8%)。整块唯一一处 amber 是轴的最后一段和终点那个实心点 ——

线走到哪儿,眼睛就落在哪儿。

用了哪张照片 —— 一张都没用,这是故意的。 六节里只有这一节的证据形态是"日期 + 关账数字",

配任何一张 2026 年拍的照片都跟 2018 那一格没关系;照片在这里只会稀释日期密度。

(另一个原因:素材库里 没有任何一张能对应 2018–2024 的照片,给早期刻度配近期照片就是在暗示错的时间。)

实测上屏高度 377px(≤420 预算,最宽松的一版)。


B · 三扇门(Doors) B-doors

On-screen height400pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • new-champaign-401-night.jpg 1200×675 · 239px on screen
  • new-champaign-609-day.jpg 1200×675 · 238px on screen
  • new-paloalto-wordmark.jpg 1200×675 · 238px on screen
Notes from whoever built it

赌的是什么 —— 赌地址比叙事硬。这一节最容易被读成"讲故事",而讲故事的东西投资人天然打折。

所以这一版不画时间轴、不排数字方阵,只并排放三块真招牌:

Champaign 401 的发光字、Champaign 609 的蓝雨棚、Palo Alto 的立体字标 ——

三个城市、三种时间、三种招牌形式。「三家店」这句话因此是看出来的,不是读出来的,

读者不用相信任何人,他可以走过去。

用了哪三张照片 —— new-champaign-401-night.jpg(夜景,发光招牌 + 门牌 401 + 壁画)、

new-champaign-609-day.jpg(日景,蓝雨棚 YUMMY FUTURE,隔壁 Dunkin',街上有人)、

new-paloalto-wordmark.jpg(立体绿橙字标上墙 + 点单台 + ORDER HERE)。

挑这一组不是因为它们各自好看,是因为它们各带一块招牌,并排放才成立 ——

换掉任何一张(例如更有生气的 new-soft-opening.jpg)都会断掉这条线索。

三张都是 1200×675,每格只占 238 CSS px、视网膜需要 476,富余一倍还多,是全套里最不可能糊的用法。

实测上屏高度 400px(≤420 预算)。


C · 现在的比分(Scoreboard) C-scoreboard

On-screen height390pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • new-paloalto-busy-up.jpg 1440×810 · 718px on screen
Notes from whoever built it

赌的是什么 —— 赌不讲编年史也能讲清旅程。前两版都在证明"我们怎么走过来的";

这一版赌的是:读者真正想知道的只有"你现在站在哪",而现在的位置本身就说明了走过的路。

所以时间退成注脚,三个数字当主角 —— 而且是三种不同性质的证据:

$1,735,844(钱进来了)· 240,000+(东西真做出来了)· $0(钱没花在买流量上)。

三个一起看,比任何一句"we validated our model"都硬。唯一那处 amber 不刷在字上,

是主数字那一格左边的 3px 竖边 —— 暖纸上的 amber 文字读不动(2.58:1),刷成竖边就没有这个问题。

用了哪张照片 —— new-paloalto-busy-up.jpg(1440×810,上屏满栏 718px,需要 1436,卡着够)。

挑它是因为这一版讲"现在",而"现在"最有说服力的画面是一家坐满了人的店:

笔记本、杯子、排队的人、柜台后在干活的店员。三家店的照片里只有这一张同时满足

「够 1440 能满栏」+「画面里有真顾客在消费」。

实测上屏高度 390px(≤420 预算)。


D · 时间轴 + 三扇门(Timeline + Doors · 合并版) D-timeline

On-screen height391pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

这一版是怎么来的(2026-08-17,Jack 两轮指示) —— 活页上这一段原来是两张图:

上面一张时间轴(上传件 06_journey_vision__D_timeline__2_.png),下面一张老的四格照片墙

(上传件 id 1381751),照片墙里外还有三层重复 caption。第一轮指示:合成一张、去掉重复。

第二轮指示(同日):照片带改用 B-doors 的三门展示("把照片用这个banner来展示,

不要用我给的那个了")—— 所以现在的照片不是历史四格,是今天的三家店门脸,

门牌条(地址 + 一句身份)从 B-doors 逐字搬来。

结构:抬头(Our Milestones)→ 五点时间轴 → 三扇门(B-doors 带)→ 季度收入条。

去掉的重复:

  • 老图的 UIUC LAB → YC S19 → … FOUR CHECKPOINTS… 行 —— 整句删,信息全在时间轴里。
  • 老图的 TRACK RECORD 条 —— 不搬:25+ OPERATOR LOIS 是事实库已退休的说法,

240,000+ cups 已在第 5 节点。

  • B-doors 自己的 deck 句和脚条($1,735,844 revenue to date …)也不搬 ——

跟第 5 节点重复,而且 B-doors 写的是 $1,735,844,与 Jack 定稿时间轴的 $1,735,848

差 4 美元(两版数字来源待对齐,本卡一律用 Jack 今天定稿的 848)。

  • 顺手修(第一轮已做):an university→a university、At UIUC,悬尾逗号、

Palo Alto,CA 空格、活页旧图的 +237% → +137%。

三扇门(全部 media/ 池原件,B-doors 同款同裁):

  • new-champaign-401-night.jpg —— 401 E Green 夜景(Matcha house since March 2026)
  • new-champaign-609-day.jpg —— 609 E Green 蓝棚日景(Coffee, matcha and tea;这家就是 2022 首店)
  • new-paloalto-wordmark.jpg —— Palo Alto 墙标 + 柜台(Opened October 2025)
  • 门格高 140px(B-doors 原版 172,为塞进 420 预算收一档);per-cell object-position 沿用 B-doors。

⚠ 图一律 <img>,别用 CSS background-image 裁图 —— /api/banner/view 把 <base>

注在 <style> 之后,内联样式里的相对 url() 按 /api/banner/ 解析 → 404,

画廊里整格空白(B0538 实测踩过;<img> 在 <base> 之后所以没事)。

也别用 transform:scale() 裁 —— 几何盒子越出格子会触发压字红(第一轮踩过)。

小格要用 busy 图直接拿预裁件 new-paloalto-busy-crop.jpg(本版未用,池里备着)。


E · B · 关账账本(Ledger) E-ledger

On-screen height399pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • cand-robot-3-up.jpg 1440×1257 · 239px on screen
  • new-soft-opening.jpg 1200×675 · 239px on screen
Notes from whoever built it

赌的是什么 —— 赌在一张 Reg CF 招股页上,已关账的数字比故事先说话。

第一眼给的是 +33.8%,编年被压成底条一行。原文那句 poised to scale… 整句删掉,

位置换成唯一经过审计的那条:FY2024 $414,341 → FY2025 $554,212。

POS 口径的 Jan–May 2026 $527,222 单独放在底条右格,用竖线跟审计那块隔开 —— 两个口径不混排。

用了哪两张照片 —— 左边叠成一条两格胶片:上格 cand-robot-3-up.jpg(车间里歪架在千斤顶上、

还在造的白色机仓),下格 new-soft-opening.jpg(店门口的 Soft Opening 牌子、点单屏、坐着的客人)。

一格"当年自己动手造",一格"现在开着门做生意",两格并起来就把这一节的路走完了。

第二格的标签挪到右下角:左下角是店里那块自己的牌子,压上去既遮它又跟它说同一句话。

实测上屏高度 399.00px。


F · sevenyears F-sevenyears

On-screen height332pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

(no NOTES left for this version)


G · closing G-closing

On-screen height292pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

(no NOTES left for this version)


H · sevenyears2 H-sevenyears2

On-screen height714pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessToo small2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • growth-chapters.gif 720×404 · 662px on screen ← under 2×
Notes from whoever built it

(no NOTES left for this version)


I · vision I-vision

On-screen height243pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

(no NOTES left for this version)


J · usefunds J-usefunds

On-screen height203pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpnessNo image used2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • This version uses no photographs
Notes from whoever built it

(no NOTES left for this version)


K · 起点胶片带(Origins Filmstrip) K-filmstrip

On-screen height398pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • strip0817-foodtruck-up.jpg 464×360 · 214px on screen
  • di-2019-trailer-service.jpg 1280×790 · 214px on screen
  • yc-demo-day-2019.jpg 1280×720 · 214px on screen
Notes from whoever built it

这一版赌的是:照片自己讲故事 —— 2018 拖车(停放原件)→ 2019 营业中(Daily Illini

报道配图,顾客在窗口、机械臂入画)→ 2019 YC S19 Demo Day 舞台,三格一条时间线;

正文段落保留 Jack 的叙述原意(trailer 验证原型 + Cozad / Alexa / YC S19 分开列,

与 facts.yaml WF-35「两件事分开列」的要求一致)。

照片:strip0817-foodtruck-up.jpg(2018 拖车正脸,464px 档,216 CSS 格内合规)、

di-2019-trailer-service.jpg(DI 2019-04-15 报道配图裁件,摄影 Mark Capapas /

The Daily Illini,署名已写进图注)、yc-demo-day-2019.jpg(YC 直播帧,

object-position 50% 35% 保住大屏上的 "Robotic coffee shop")。

Cozad/Alexa 领奖照:全机搜过没有原件(memo 已上传件、yummy-drive-archive、

Google Drive Archive 都翻了)。Jack 手里若有,换中格或加第四格即可。


L · 章节页(Chapter Opener) L-chapter

On-screen height409pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • yc-demo-day-2019.jpg 1280×720 · 318px on screen
Notes from whoever built it

这一版赌的是:一张高光图扛全章 —— 右边 YC S19 Demo Day 大图(两位创始人 +

"Robotic coffee shop" 大屏),左边 2018→2019 四点时间轴把拖车、Cozad、Alexa、YC

按事件排开。奖项走文字不抢照片;YC 那格文字与右图互相指认。

照片:yc-demo-day-2019.jpg 上屏 320 CSS 宽(×2 = 640 = 天然 1280,刚好合规)。

16:9 原比例完整展示 —— 两位创始人站在画面两端,任何裁切都会切人,所以不裁。

Cozad/Alexa 领奖照:没有原件(找遍全机)。有了可以把右侧改成双图叠放,

或换掉时间轴第 2/3 点的纯文字。


M · 档案版(Archive Plate) M-archive

On-screen height418pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • strip0817-foodtruck-up.jpg 464×360 · 168px on screen
Notes from whoever built it

这一版赌的是:证据感 —— 拖车原件小图 + 报纸剪报卡(The Daily Illini 2019-04-15

标题 + 印刷原句引文)+ 三块奖项牌(WON / WON / JOINED),像招股书里的一页档案,

不做情绪。数字只有一个(100–200 杯/天),是报纸印刷原句,出处卡上 + 脚注双标。

照片:strip0817-foodtruck-up.jpg(170 CSS ×2 = 340 ≤ 464,合规)。

剪报卡是排版件不是截图 —— 引文逐字照印刷原样(“Robot arm serves coffee to

community” / “The robot serves between 100 to 200 cups a day.”),弯引号已用

&amp;ldquo;/&amp;rdquo; 排正。

Cozad/Alexa 领奖照:没有原件(找遍全机)。有了可以把三块奖项牌换成

「照片 + 两块牌」。


N · Origins Quad(Jack 定稿版 · 2026-08-17 · 两轮点名) N-yc-alexa

On-screen height415pxBudget 420px
Horizontal overflowNoneMust be none
Image sharpness2× or better2× on-screen width
Text-over-photo contrastPasses AAWCAG ≥4.5:1
Wefunder body column · real width 720px Open this version on its own ↗
Photographs used
  • yc-founders-s19.jpg 1411×1882 · 188px on screen
  • trailer-thumbsup-2019.jpg 1024×768 · 448px on screen
  • alexa-demo-2019.jpg 1024×768 · 219px on screen
  • yc-demo-day-2019.jpg 1280×720 · 219px on screen
Notes from whoever built it

来历:K/L/M 交付后 Jack 两轮点名定图——第一轮"左边两张挺好的"(Alexa demo 现场 +

YC 招牌合影),第二轮追加"加上第三张"(拖车上比大拇指原件,手机备份 2019-03-22)

和"还有这里面这个"(YC Demo Day 台上帧)。四张全是他点的,没有我加的。

设计:左 190px 竖槽 = YC 招牌合影整幅(比例 0.73 ≈ 原图 0.75,几乎不裁)当锚;

右 450px = 拖车宽幅横条(起点)→ 下排双格 Alexa demo ✕ YC Demo Day(两张都是

"创始人站画面两端"的构图,只吃得住宽格,竖裁会把人裁没——实测过)。

kicker → 一行 H1 → 两行 deck(三里程碑加粗、与 facts 分开列)→ 四图 → 图注

逐字引立牌原文。年份 tag 只有 YC 合影写 2019;拖车/两格不标年份(拖车照 EXIF

2019-03,文案里"trailer proved the concept"不带年份,无冲突不越权)。

照片注册:yc-founders-s19.jpg(1411×1882,190×2=380 ✓)、

trailer-thumbsup-2019.jpg(1024×768,450×2=900 ✓)、alexa-demo-2019.jpg(1024×768,

221×2=442 ✓)、yc-demo-day-2019.jpg(1280×720,221×2=442 ✓)。


Read the full strategy for this section ↗