Wefunder 招股页 · Section 01

「What We Do」的门牌 —— 三版,挑一版

那段 400 词的说明不是写得不好,是把「我们是什么」和「行业为什么烂」搅在了一起。 Banner 的活只有一件:让人 1.5 秒内知道这家公司干什么,然后才愿意读下面那堵墙。

读完整的策略与计划 →

抽出来的那句话 · 三版共用,一个字都没改

标题:We build Intelligent Food Machines.

副标题:Hardware, software, and a native AI layer — designed, built, and integrated as one system.

三层:01 HARDWARE · 02 SOFTWARE · 03 AI NATIVE LAYER(AI 在最上层 —— 原文写的是 sitting on top,画反了就是论点画错了)

原文六段里,35% 在骂行业落后、25% 在展开三层细节 —— 那些留给正文。 Banner 只回答一句:这家公司是什么。整块不带一个数字是故意的:带了就要配出处,占高度,还抢正文里那些有出处的数字的风头。

A · 全景压字
赌气势
满栏照片,字压在负空间上
B · 三层堆栈
赌结构
把「三层一体」画出来
C · 编辑分栏
赌不违和
最像招股书本身的那一版
A · 全景压字
赌气势

一张满栏照片撑住整块,字压在负空间上。第一眼是真机器,第二眼才是字。

上屏高度404px预算 420px
横向溢出必须无
图片分辨率够 1440视网膜 2×
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-hero-hardware-hi.jpg 2160×1215
这一版输在哪

压字最脆 —— 照片亮部会吃掉文字

做这版的人留的话

赌的是气势。 一张满栏真机器撑住整块,字退到左侧楔形暗部里,读者第一眼看到的是那条机器阵列,

第二眼才读到「We build Intelligent Food Machines.」——它是那堵墙的门牌,不是一张 SaaS hero。

new-hero-hardware-hi.jpg 三个理由:2160×1215,满栏 720 上屏 2 倍要 1440,只有它够;

它是整条机器阵列的侧视,一眼看懂「我们造的是机器」;左上那面亮墙是全套素材里唯一一块能压字的大负空间。

遮罩是楔形,不是一层平铺黑。 两层叠:轻的 .ifm-scrim(左侧软洗,55% 就收干净 + 底部一点压脚

托住三层横条),深的 .ifm-plate(96° 楔子,只管压字那一侧,向下用 mask 渐隐,让左下角的机器浮回来)。

右半照片不归任何一层管。三层标签压在照片下缘本来就暗的那条上(原图该处 avg RGB 20),

三等分 + 细竖线,不配长句 —— A 版字要少。

B · 三层堆栈
赌结构

「三层原生一体」是个结构性主张,画出来比写出来清楚。读者看到的是架构,不是口号。

上屏高度360px预算 420px
横向溢出必须无
图片分辨率够 1440视网膜 2×
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-arm-gantry-up.jpg 1440×810
这一版输在哪

容易做成 PPT 架构图

做这版的人留的话

这版赌的是结构。 「三层原生一体」是个结构性主张,文字讲不清、图一眼就清楚 ——

所以把三层画成一张架构图:一个盒子被三条 1px 细线切成三格,层与层之间没有缝,

外面一圈边框把照片带和三层箍成同一个物件。顺序按原文 "sitting on top of these two

foundational layers" 走,03 AI 在最上,画反了就是把论点画错。amber 在堆栈里只出现一次

(03 那条 3px 竖边),标题里只上在 "Intelligent" 一个词上。

照片:../media/new-arm-gantry-up.jpgobject-position:50% 83%(源图 y≈410–727)。

原来用的是 paloalto,C 版独立地也落在同一张 —— 换掉是对的,两版同图等于少给 Jack 一档。

换完全部量过,两条硬指标都比换之前好(见下表)。脚注色用 --soft 而非 --faint

--faint 落在 --void 上只有 3.1:1,不过 AA。

C · 编辑分栏
赌贴脸不违和

最像招股书本身的那一版。字在暖纸上、照片在旁边、细线收边,读者不觉得看到了广告。

上屏高度268px预算 420px
横向溢出必须无
图片分辨率够 1440视网膜 2×
Wefunder 正文栏 · 720px 真实宽度 单开这一版 ↗
用了哪张照片
  • new-paloalto-arm-up.jpg 1440×810
这一版输在哪

容易太素,变成没设计过的两栏

做这版的人留的话

赌的是什么 —— 赌「贴脸不违和」:不往页面上加视觉重量,赌最像招股书本身的那一版最有说服力。

读者不觉得看到了广告,只觉得这份备忘录写得讲究。赢法是精致,不是响亮。

用了哪张照片 —— ../media/new-paloalto-arm-up.jpg(1440×810),不是原定的 new-arm-gantry-up.jpg

换的理由是量出来的:龙门臂那张右侧 25–30% 被一整块深色设备侧板占满,整块看着往右歪;

object-position 从 55% 一路扫到 26%(十档)最右一条竖带始终是全场最暗——那块黑一直延伸到源图右边缘,

挪裁切根治不了。Palo Alto 这张暖光均匀、右侧是木饰面和座位区,且画面里机械臂 + 触屏 + 真顾客同框,

正好照应 deck 那句三层一体。照片上一个字都不压,只在右下角挂一个等宽小标签。

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