ISSUE 68 · 新官网观察 第5期
行业领先、极致体验、颠覆性创新…
4个卖技术的网站
整站找不出一句"行业领先"
Motion · Oxide · Mintlify · Warp
形容词没法被检验，差值可以被验证。
哈喽，我是大鹏，这里是第二灵感库。
上一期我写食品饮料官网，统计出一个很扎眼的数据：这类站里，45.5% 用了衬线字体，40.9% 用了重磅粗黑体（全体的比例分别是 19.2% 和 15.8%）。
翻译过来就是：卖吃的，都在大声吆喝。
这期我换到天平的另一端——技术产品。API、数据库、云服务、开发工具这些东西。我把素材库里的技术类官网（开发工具 + 软件 + 技术 + SaaS）挑出来，一共 51 个，跟食品类做了个对照：
三方字体对照 · 食品类 / 技术类 / 全体
重磅粗黑 食品类 40.9% ｜ 技术类 3.9%
等宽字体 食品类 0% ｜ 技术类 11.8%
衬线字体 食品类 45.5% ｜ 技术类 13.7%
Inter 食品类 0% ｜ 技术类 23.5%
食品类一个用等宽字体的都没有。技术类的重磅粗黑用量，只有食品类的十分之一。
等宽字体是写代码用的那类字（字母宽度一样）。一个卖技术产品的网站，用代码字体当门面——等于在说"我们是写代码的"。
而不加大字号、不用粗黑体，等于在说另一件事：我不需要靠喊。
这期就写这个。4 个技术产品官网，它们的共同点是——你翻遍整站，找不到一句"行业领先""颠覆性创新"。它们换了个方式让人信。
PART 01
Motion · 把优点，变成一个差值
不夸自己好用，直接给一个能被量出来的数字
网址：motion
这是目前最主流的网页动画库（你可能用过它的前身 Framer Motion）。它的首页第一句很平：
"Production-grade animation library for the web."
（生产级别的网页动画库。）
没有"极致流畅"，没有"业界领先"。就是陈述它是什么。真正有意思的是它列出的优势，每一条都带一个能被核对的东西：
Free
（免费——完全免费，MIT 协议，开源。）
Production ready
（可用于生产——Framer 和 Figma 在数十万个站点上用它。）
Tiny footprint
（体积极小——API 体积比它的 GSAP 替代方案小最多 90%。）
注意最后这一句。它直接点名了竞争对手 GSAP，还给出了 90% 这个数字。它甚至专门做了一个对比页，标题就叫「GSAP vs Motion」。
其他几条也一样：首页挂着 450+ 个可以直接复制粘贴的动画示例；更新日志（changelog）就直接摆在首页，最新一条写着"重定向时的耗时减少 80%""包体积缩小 10%""启动时间减少 20%"。
大鹏说："体积很小"是形容词，"比竞品小 90%"是差值。形容词没法被检验，差值可以被验证。前者读者只能选择信不信你，后者读者可以自己去量。
它敢点名对手，这在广告法里是要小心的（我们做投放的时候，比较性表述要留证据），但在官网语境里，敢写出来本身就是一种底气。我们做产品页最常写"轻便""耐用""续航长"，试着全部换成差值：比同类轻多少、比上一代耐用多少、比竞品多跑多少公里。写不出差值，说明这个优点可能还不够硬。
PART 02
Oxide Computer · 别吹自己，先说行业的共同难题
先说你现在的处境有多难受，信任从"对，就是这样"开始
网址：oxide
这是一家做"自有云"的公司——把一整个机架的服务器、存储、网络、软件做成一个产品，卖给你放在自己机房里。它的主标题是：
"On-prem that feels like the public cloud"
（像公有云一样好用的本地部署。）
但整页最狠的，是下面这段"行业陈述"：
"For decades, enterprises only had two options for running compute. Both required compromise."
（几十年来，企业在算力上只有两个选择。而这两个都要妥协。）
然后它把两个选择各自的代价，一条条列了出来：
两个选择，各自的代价
传统本地部署 —— 有所有权，但有代价
● 计算、网络、存储、编排要对接 8 家以上供应商
● 运维复杂、集成脆弱，出问题供应商互相推诿
● 授权费昂贵，还有一大堆运营开销
公有云 —— 有速度和集成，但有代价
● 只有租，没有拥有，而且是永远的
● 账单不可预测，出口流量费疯涨
● 对公共部门和敏感业务存在治理缺口
● 厂商用专有 API 把你锁住
列完这两个"都要妥协"的选择之后，它才给出自己的位置：
"For the first time, the speed of cloud meets on-prem governance."
（云的"速度"，第一次遇上了本地部署的"治理"。）
而它自己的四条卖点，全部是数字：价格是公有云和传统本地方案的一半、2 小时完成部署、散热效率 12 倍、总功耗降低 55%。它还有一个"3D 浏览硬件"的页面，可以拖着看整个机架。
大鹏说：注意它的叙述顺序——它没先说自己好在哪，它先说你现在的处境有多难受。
这个顺序特别值得学。用户买任何东西之前，心里都有一堆没说出口的不满。你先把那个不满准确地说出来，用户第一反应是"对，就是这样"——信任是从那一刻开始的。然后你再说"你是第三条路"，就顺理成章。反过来，一上来就讲"我们有什么功能"的产品页，用户没有那个情绪基础，看了也没感觉。
PART 03
Mintlify · 让正在发生的数据，出现在首页
不说"被广泛使用"，直接给你看今天的数字
网址：mintlify
这是一家做文档平台的公司——帮企业做面向开发者的技术文档。它的定位一句话：
"The knowledge infrastructure agents build on"
（智能体在上面搭建的知识基础设施。）
但它的首页藏着一个别人很少敢做的事：一个实时数据浮标。页面上挂着一个悬浮的小标签，写着 Agent traffic 65.7479%——意思是当前访问它文档站的流量里，有 65.7% 来自 AI 智能体。这个数字在页面上一跳一跳地更新。
再往下，有一整块"今天智能体都干了什么"的实时面板：
实时数据面板 · 今天
Pages read 10,759,862 读了 1000 多万页
Search requests 129,951 12 万次搜索请求
API requests 21,190 2.1 万次 API 请求
Content updates 21,548 2.1 万次内容更新
它在证明什么？不用一句形容词，你也能看懂：这个产品正被大量地、真实地使用着。客户那一栏也是同样的写法——不说"众多知名企业信赖"，而是列出 20,000+ 家公司在用（跟着 Microsoft、Solana、Spotify 的 logo）；案例里全是对比数字：Anthropic 有 200 万月活开发者、Coinbase 部署速度提升 50 倍、HubSpot 产出快 2 倍且工程资源减少 60%。
最妙的是那条证言，来自 Vercel 的 CEO：
"Was wondering how docs.x.com was built because it was so fast & delightful. It's Mintlify"
（我还在想 docs.x.com 是怎么做的，因为它又快又好用。答案：Mintlify。）
大鹏说：把实时数据挂上首页，是个特别聪明的"自证"。一般官网说"我们的产品被广泛使用"，这仍然是一句话。而 Mintlify 直接给你看今天正在发生的数字——你没被要求相信任何东西，你只是看到了一个事实。
我们做跨境电商也能用这招的轻量版：真实销量、真实的评价条数、真实的复购数据、真实的发货时效、真实的售后处理时长。能被查的数据，比"品质保证"有用一百倍。
PART 04
Warp · 把"你要做的事"，直接写成代码
别描述过程，把过程本身放出来
网址：warp
Warp 原来是一个"更好用的命令行终端"，现在它做的是"云端软件工厂"——让 AI 智能体帮团队自动完成开发流程。它的首页有个非常显眼的特征：一整页几乎都是代码。不是产品截图，不是插画，是能直接复制去跑的配置和命令。比如：
factory.yaml · 用配置定义一条流水线
# factories as code
schemaVersion: v1alpha1
name: pr-review
repositories:
- owner: acme
name: web
agentDefaults:
model: claude-5-fable-high
下面接着是 CLI、API、SDK、MCP 四种调用方式，每种都给你一段能直接跑的代码：
cli / api · 复制就能跑
$ warp agent run-cloud --environment ENV_ID \
--prompt "fix LIN-482, low risk only"
$ curl -X POST https://app.warp.dev/api/v1/agent/runs \
-H "Authorization: Bearer $WARP_API_KEY" \
-d '{ "prompt": "fix LIN-482" }'
它的几条主张也很短："opinionated, but flexible"（有主张，但灵活）、"set up your first factory in 5 minutes"（5 分钟搭好第一个工厂）。案例的标题直接就是数字：《把每个 PR 的成本从 80 美元压到 30 美元》。页面上还有一组实时指标：每个 PR 成本 $18.09（下降 33%）、通过率 96%。
它处理"信任"的方式也很特别：
"agents prove their work with computer use — every factory agent captures a screenshot or video so you can verify its work before shipping a PR."
（智能体用"操作电脑"来证明自己的工作——每个智能体都会截图或录屏，让你在合并代码前先验证它做了什么。）
"Open at every layer"
（每一层都开放——任意智能体、任意模型、你的算力或它的算力、数据放在你想放的地方。）
大鹏说：Warp 的首页不是让你"读"的，是让你跑的。技术产品有个天然优势：它的产品本身就是一套可以执行的东西。所以最好的写法，就是把用户要做的第一步，直接可执行地放出来——不是"三步快速开始"的图示，而是真的三段能粘贴的代码。
这招换个形式，任何产品都能用：把你产品里"用户要做的第一件事"，原封不动地展示出来。做电器的，就把安装那一步拍出来；做软件的，就把第一次点击的界面放出来。别描述过程，把过程本身给出来。
LAST PART
别说形容词，说能被验证的东西
这 4 个站卖的东西差得很远：动画库、云服务器、文档平台、开发平台。但它们的官网有个共同点——你找不到一句"行业领先"，也找不到一个加大加粗的口号。
收个尾，把这 4 招抽出来：
● 把优点变成一个差值（Motion）—— 不说"体积很小"，说"比替代方案小 90%"。形容词没法检验，差值可以
● 先讲行业的共同难题（Oxide）—— 不先说自己好在哪，先说你现在的处境有多难受。信任从"对，就是这样"开始
● 让正在发生的数据上首页（Mintlify）—— 不说"被广泛使用"，直接把今天的阅读量、请求数摆出来。你没被要求相信，你只是看到了
● 给可执行的东西，而不是可读的东西（Warp）—— 别描述过程，把过程本身放出来
别说形容词，说能被验证的东西。
回到那个字体数据：食品类 40.9% 用重磅粗黑，技术类只有 3.9%。这不是审美差异，这是两种说服方式。卖感受的产品要靠气氛和情绪把人拉进来；卖工具的产品只需要让人确认它靠得住。
而"靠得住"这件事，从来不是喊出来的。
顺带说一句：这套写法对你一样有用。我做跨境电商品类页的时候，最难的就是"参数怎么讲得不像说明书"。这期的四条其实给了个统一答案——把形容词全部换掉，换成能被验证的东西：不写"续航长"，写"比同类多 20 公里"；不写"服务好"，写"48 小时发货、30 天无理由退"。
今天就能做的一件事：去扒一个技术产品的官网
随便打开一个你常用的开发工具官网，用一句话问自己：它首页上有几个"能被查证的数字"？有几个是纯粹的口号？把它们分两列抄下来，你就知道自己的产品页该往哪边改了。
关于这组数据，说清楚来源
字体统计来自对 Lapa Ninja 最近收录的 600 个新官网详情页的抓取，其中"技术类"定义为开发工具 + 软件 + 技术 + SaaS 四个分类共 51 个站点，"食品类"为食品饮料分类 22 个站点，口径为各站标注的字体类型标签。样本量与分类来自第三方画廊的收录，被收录本身就是一次筛选，因此该比例仅代表"被收录网站"的分布，不作为全行业数据引用。文中各站点的官网表述均引用于其公开页面，仅作分析用途。
这期是"新官网观察"第5期，也是第一次写技术产品类。下期想看什么类型，评论区告诉我。所有的"网址资源"我都整理好了一份文档。
#网页设计 #品牌设计 #官网设计 #技术产品 #第二灵感库
觉得有用的话，点赞 + 在看 + 转发三连支持一下
ISSUE 68 · SEE YOU NEXT WEEK