2026-08-13 · 目标页:Wefunder 招股页第一节 · 对照页 Plan_G_Compare11.html
那段话的毛病不是写得不好,是它把「我们是什么」和「行业为什么烂」搅在一起了。 Banner 的活是把前者单独拎出来、配一张真机器的照片,让人 1.5 秒内知道这家公司干什么—— 剩下那 60% 骂行业的内容留给正文,banner 不背。
原文 ~400 词,六段。拆开数一下承重:
| 段 | 在说什么 | 占比 | 该在哪 |
|---|---|---|---|
| 1 | 我们造 Intelligent Food Machines,三层一体 | 15% | banner |
| 2 | 行业几十年没变、设备只会单功能、纯软件落不了地、孤立 AI 没用 | 35% | 正文 |
| 3 | 我们用三层系统补上这个缺口 | 8% | banner(作为结构) |
| 4 | 三层各自干什么(硬件执行 / 软件调度 / AI 决策) | 25% | banner(作为标签)+ 正文(作为展开) |
| 5 | 我们的独特性 = full-stack、原生一体、不卖散件 | 12% | banner(作为副标题) |
| 6 | 推动整个食品行业工业化、自动化、智能化 | 5% | 删,或并进正文结尾 |
三个具体病症:
"full-stack / natively integrated / all-in-one" 是同一个意思的三种说法。读者读到第三遍就开始跳行。
disruptive、massive untapped opportunity、tremendous value——这些词在 Reg CF 口径下是负债不是资产,而且它们出现的位置正好是读者最想看到具体东西的位置。
在哪、有没有人在用。而我们手上有 105 张真实素材——这是最亏的一点。
让人 1.5 秒内知道这家公司是什么,然后才愿意读下面那堵墙。
它是那堵墙的门牌,不是替代品。所以判它好不好只有一条: 遮住下面所有正文,光看 banner,一个没听过 Yummy Future 的人能不能复述出你是干什么的。
| 槽位 | 文案 | 为什么是这句 |
|---|---|---|
| kicker | Section 01 · What We Do | 跟母页现有编辑体一致 |
| 主标题 | We build Intelligent Food Machines. | 用他们自己造的品类名当主角。主动语态、现在时、句号收尾——不是口号是陈述。Reg CF 安全。 |
| 副标题 | Hardware, software, and a native AI layer — designed, built, and integrated as one system. | 把原文那个说了四遍的三元组只说一遍,并把 full-stack 的意思压进 "as one system" 五个字 |
| 三层标签 | 01 HARDWARE · 02 SOFTWARE · 03 AI NATIVE LAYER | 结构可视化的最小单位。AI 在最上层(原文 "sitting on top of these two foundational layers",顺序画反=论点画错) |
| 三层各一句 | 执行 / 调度 / 决策,各 ≤9 词 | 只在需要的版本用 |
| 脚注 | Three stores live · Champaign IL ×2 · Palo Alto CA | 唯一放行的事实锚点——把「概念」拽回「已经在运转」 |
强调装置:Intelligent 一词上 amber,其余素色。一块 banner 里 amber 只强调一处—— 三层标签也刷成 amber 的话,重点就等于没有。
主动删掉的:所有未来时、所有形容词式吹嘘、所有没出处的数字。 Banner 一个数字都不带是故意的——带了就要配 source caption,占高度、还抢了正文里那些有出处的数字的风头。
现有 105 张素材,按「能不能承载三层」筛,最后进候选的六张:
| 文件 | 尺寸 | 画面 | 承载哪一层 |
|---|---|---|---|
| new-hero-hardware-hi.jpg | 2160×1215 | 整条机器阵列侧视,左上大片空白墙 | 硬件。负空间最大,天生为压字准备 |
| new-paloalto-arm-up.jpg | 1440×810 | 机械臂 + 触屏 + 真顾客坐着 | 三层同框:臂=硬件、屏=软件、人=真实场景 |
| new-arm-gantry-up.jpg | 1440×810 | 龙门臂正在出杯,浅景深 | 硬件「在干活」,暖光最好看 |
| new-hardware-island.jpg | 1200×675 | 机器岛全景 | 全貌,但只有 1200 宽 |
| new-order-checkout-up.jpg | 1440×810 | 顾客点单 + 店员 + POS 屏 | 人机协作 |
| new-handoff-matcha.jpg | 1200×675 | 递杯瞬间 | 交付 |
两条硬规矩:
带 -hi / -up 后缀的是放大版,优先用。
new-vision-* 那几张。** 那是概念渲染的双臂机器人,不是真机器。放在「我们现在做什么」这一节里是失实——这一节只能放已经在跑的东西。
不是「三种配色」,是三种关于 banner 该干什么的判断。故意让它们互相不像。
| A · 全景压字 | B · 三层堆栈 | C · 编辑分栏 | |
|---|---|---|---|
| 赌的是 | 气势 | 结构 | 贴脸不违和 |
| 长什么样 | 满栏照片,字压在负空间上,底部一条三层横带 | 上面一条窄照片带压标题,下面三层堆栈图 | 左暖纸文字栏 + 右竖裁照片,照片上一个字不压 |
| 主照片 | new-hero-hardware-hi | new-paloalto-arm-up | new-arm-gantry-up |
| 赢在哪 | 第一眼就是真机器,最有说服力 | 「三层一体」这个论点画出来比写出来清楚 | 最像招股书本身,读者不觉得看到广告 |
| 输在哪 | 压字最脆——照片亮部会吃掉文字 | 容易做成 PPT 架构图 | 容易太素,变成没设计过的两栏 |
| 适合 | Jack 想要「好看、大方、有气势」 | 投资人想搞清楚你到底卖什么 | 整页风格统一优先 |
每版一个独立 Agent 做,各自实测三条硬指标后才算交付。
| 约束 | 值 | 为什么 |
|---|---|---|
| 正文栏宽 | 720 CSS px 固定 | Wefunder 不响应式变宽 |
| 图片实际像素 | ≥ 1440 宽 | 视网膜 2 倍,否则发虚 |
| Banner 上屏高度 | ≤ 420 px | 801px 视口只装得下约 750px 正文;banner 吃掉半屏,下面标题就出屏了 |
| 超高怎么办 | 压内容,不压间距 | 间距压过一次,批判门当场量出来 |
| 底色 | Daylight 暖纸 #faf8f3 | 深色 Ignite 大面积铺底在 Wefunder 上会被读成横幅广告 |
| amber | #c89324(暖纸上)/ #f4c542(深底上) | #f4c542 在暖纸上只有 3.1:1,不过 WCAG AA;#c89324 是 4.6:1 |
| 交互 | 零 JS、零 hover、零动画 | 最终要拍平成 PNG 贴进 Wefunder,静止一帧必须自己读得懂 |
| 压字对比度 | ≥ 4.5:1,实测 | 截图取像素真算,不许目测 |
index.html),720 栏宽真实上屏尺寸,旁边贴每版的实测数字
.wf-art 面板,插进 Section 01 的 kicker 和 H2 之间否则读者连着读两遍同一句
campaign-page/next/ → 母版 → 快照 → 发布。招股页现在锁着(四个人在批注),解锁是人的决定,不是自动流程
这一轮不动 Plan_G_v8_WefunderNative.html 一个字节。 新东西全在 campaign-page/next/whatwedo-banner/。
原文第 2 段那些骂行业的句子("notoriously outdated"、"stuck in manual, scattered operations") 留在正文里也偏软——它们是判断,不是证据。真要说服人,那一段该换成 「一家门店一天多少杯 / 多少人力 / 出错率」这类可查的对比。 这不是 banner 这一轮的活,但迟早要动,先记在这。