深度解析

3 篇原创分析 + 7 篇一手来源(已授权本地存档,配中文导读)。 原创基于本站抓取的 340 个页面、62 张反推插图与多方采访的综合写作。

原创分析

原创 · 01

色彩:未烧的陶土与硅谷的反叛

从 8 种官方背景色 (clay / oat / sky / olive / heather / cactus / fig / coral) 入手,拆解 Anthropic 为何放弃 AI 行业惯用的冷色 + 蓝紫渐变,转而构建一套"未烧的陶土"色谱。

行业的默认色 vs Anthropic 的反叛

打开 OpenAI、Mistral、Cohere、Perplexity 的官网,你会看到几乎相同的视觉默认值:黑底、白字、紫蓝色光斑或网格背景,再加一层 glassmorphism。这是 2020 年代 AI 公司的"安全套装"——它把 AI 描绘成一种冰冷的、无穷尽的、来自机房的力量

Anthropic 的选择是把所有这些拒绝掉。

品牌团队成员 Chelsea 在 The Subtext 的采访里说,她最早被 Anthropic 的"那种 Clay 橘色"打动,是因为它"像温暖的篝火,跟湾区科技公司完全不一样"。这不是设计师的修辞——这是定位。当所有人都在表演"未来感"时,Anthropic 选择表演温度与亲近

反推出来的官方色板

Anthropic 没有公开发布完整调色板,但他们有一个内部 API /api/opengraph-illustration?backgroundColor=...,从 340 个页面里我反推出了 8 个被实际使用的命名色

clay · oat · sky · olive · heather · cactus · fig · coral

这套命名本身就是宣言:

- clay(陶土)、oat(燕麦)、fig(无花果)—— 食物与原材料 - sky(天空)、cactus(仙人掌)、heather(石南花)、olive(橄榄绿)—— 自然与植物 - coral(珊瑚)—— 唯一带"鲜艳"意味的,但仍是有机物

没有 primary secondary brand-blue,没有 #1 #2 #3。每一个色名都是可被命名的、来自世界的、握在手上的东西。这是一种语言学上的姿态——色彩系统拒绝抽象的工程坐标,坚持把自己嵌回物理世界。

主色 #D97757 的双重身份

Claude logo 用的是 #D97757,由品牌主色 "Book Cloth" #CC785C 派生。两个值都落在赤陶 / 烧瓦 / 旧书布的色谱里。

Brand 团队访谈里有一句关键描述:颜色"既像被烧过的陶土,也像没烧过的陶土"。这是一个非常精确的说法——clay 既是矿物(地里的、原始的),又是制成品(杯子、瓦罐、文物)。它同时容纳"原料"与"工艺"两种属性,恰好对应 AI:底层是计算这种新原料,表层是产品这种古老工艺。

背景色 #FAF9F5:纸张,不是屏幕

整个 anthropic.com 用 #FAF9F5 做背景。这个值不是纯白 #FFFFFF,也不是常见的 off-white #F5F5F5,而是一个带轻微暖偏的米色,肉眼几乎察觉不到,但视觉上把"屏幕"这个介质模糊掉了——它更像一张稍微泛黄的优质纸。

这个选择的成本不低:在所有竞品都用纯白或纯黑去最大化对比度的语境下,#FAF9F5 牺牲了一点点屏幕显示的清晰度,换来一种"这不是 SaaS 后台、这是阅读体验"的暗示。

一个反向的证据

Anthropic 的研究论文 PDF —— 包括对比基准的图表 —— 都在强制使用这套米色背景与赤陶强调色。即使是最技术性、最功能主义的图表,他们也不接受默认的 matplotlib 配色。这种贯穿到论文图表的色彩纪律是设计语言成熟的最强信号:当一个公司的研究员愿意为视觉一致性多花 30 分钟调 plt.rcParams,说明这套语言已经被组织内化。

原创 · 02

插图语法:Hand / Object / Node 三大词类

从 62 张反推出的插图名称里读出一套清晰的视觉语法:Hand 系(人的能动性)、Object 系(具体隐喻)、Node 系(系统结构)。这不是装饰,是 Anthropic 关于"AI 应该如何被理解"的语义系统。

这不是画,这是单词

把 Anthropic 内部插图库的 62 个名称排在一起看,会发现它们不是孤立的图——它们是被严格分类的视觉词汇

- Hand 系(34 个,55%):所有以 "Hand" 开头的图,都有一只手作为画面主体或起点 - Object 系(18 个,29%):物件做主体(书、桌面、政府建筑、灯、双螺旋……) - Node 系(10 个,16%):节点-连线的结构图

这种三分类不是事后归纳,是前期就规划好的命名体系。它对应着三种关于 AI 的叙事:

词类视觉锚点隐含命题
Hand一只人手在做某事AI 是被人使用的、人是动作的发起者
Object具体物件AI 处理的是真实世界的事物,不是抽象数据
Node节点与连线AI 是结构、网络、组织

"Hand" 是文法主语

Hand 系数量最多(34/62),不是巧合。每一张 Hand 图的构图都有同一个隐含主语——。"Hand HeadCursor"(一只手指向一个头部光标)、"Hand NodeGraph"(一只手在抚弄节点图)、"Hand Quill"(一只手握着羽毛笔)……

Zeyan Liu 在《The Anthropic Art》里引了康德那句"手是灵魂可见的部分"。这句话恰好解释了为什么所有 Hand 图都把手放在画面的下方或一侧——它不是装饰元素,它是叙述者。当你看到 "Hand NodeGraph" 时,你看的不是"一张节点图",而是"一个人在思考一张节点图"。

这是对当下 AI 视觉叙事的一次反向操作。OpenAI 的 Sora 演示视频里几乎从不出现完整的人形——他们要展示模型的能力,所以人是可有可无的。Anthropic 反过来——人是必须在场的,模型是被人调用的工具

"Node" 是给程序员的小话

Node 系是这套语法里最技术的部分(Node Bolt、Node Box、Node Branch、Node Multi…)。这些图直接对应程序员熟悉的拓扑:分支、网格、星座、决策树。但它们都被画成了手绘的、不规则的、带颤抖的线条。

这是一个微妙的政治姿态。常规的工程文化里,节点图永远是 Graphviz 或 D3 那种像素级精确的、用 Bezier 曲线连出来的。Anthropic 把它们手绘化,等于在说:"是的,我们知道你们在画什么,我们也画,但我们用的是不一样的笔。"

"Object" 系最具历史回响

Object 系最有意思的是 Object Government(被使用了 17 次,远超其他)—— 一个看起来像政府建筑的物件,几乎只出现在政策、安全、合规相关的文章里。Object GlobeObject HeartbeatObject DoubleHelixObject LampPaper(灯+纸,"夜读")—— 每一个都是经典编辑插图的母题,几十年来出现在《纽约时报》、《纽约客》的版面上。

Anthropic 的设计负责人 Kim Bost 是从 The New York Times 来的。这套 Object 词汇有非常明显的美国主流编辑插图的传承——从 Saul Steinberg 到 Christoph Niemann。它告诉你:这家公司不把自己定位在 SaaS 的语境里,而是定位在严肃媒体的语境里。

8 × 62 = 496:组合的经济学

每张插图配 8 个背景色,意味着同一个主体可以表达 8 种情绪。Object Governmentfig(深紫红)传达的是严肃;配 oat(米色)传达的是温和。这套视觉语法 × 情感色温的笛卡尔积,让品牌可以在 496 种状态里精准定位每篇文章的语调。

这种系统化的好处:内容运营可以批量生产可识别的、不重复的、永远风格一致的封面图。代价是:插图必须设计得极其抽象、极其符号化——任何一张图换 8 种底色都不能"违和",意味着主体只能用单色描线、不能依赖色彩本身做表达。

而这恰好就是 Anthropic 插图最显著的视觉特征——纯线条、单色、留大量空白。它不是审美选择,它是系统约束。

原创 · 03

Spark 与字体:把"思考"做成动效

Claude 的星号 logo "Spark" 与 Styrene × Tiempos 字体组合是 Anthropic 设计语言里最容易被忽略但最关键的两个动作。前者把 AI 的"在线状态"具象化,后者承担"机器/人类"的文法分工。

Spark:一个会抖的星号

Claude 界面上的星号 * 不是图标,是状态。

按照创意总监 Everett Katigbak 在 Kinfolk 采访里的描述:当 Claude 在听你说话时,星号是静止的;当它在生成回应时,星号会"轻轻颤动"。这是一个非常小的动效——但它解决了大语言模型 UI 设计里最棘手的问题之一:模型在做什么的时候,用户应该看到什么?

ChatGPT 的方案是文字在打字机式逐字流出,外加一个旋转的圆。Gemini 用一个发光的彩色光圈。Claude 用了"星号在抖"。这三种方案的差异:

- 打字机+spinner:最直白,把"模型在打字"翻译成"打字机+加载圈" - 彩色光圈:把模型抽象成一个"精灵般的光球",神秘、超然 - 抖动星号:把模型当成一个紧张得抖手的写作者

第三种最反直觉也最大胆——它把 AI 拟人化成一个有点羞涩、专注书写的人。这与 Anthropic 整套品牌语言的方向完全一致:拒绝"AI 是神/法力"的叙事,坚持"AI 是协作者"的叙事。

字体的人机分工

Anthropic 用两套字体:Styrene(Berton Hasebe / Commercial Type,无衬线)做标题,Tiempos(Klim Type Foundry,衬线)做正文。

The Subtext 采访里 Tim 给出了关键解释:衬线"更书卷气",无衬线"代表 AI"。两者并置形成了文法上的人机对话——

标题(Styrene):这是 AI 在说话。

正文(Tiempos):这是人在写东西。

这个分工是有意为之。竞品们大多用单一无衬线(OpenAI 的 Söhne、Google 的 Product Sans)来塑造一种"全是机器在说话"的统一感。Anthropic 故意保留两套语音,让品牌内部存在张力。

Styrene 的怪字母

Styrene 不是常规的 sans-serif。它最显著的特征:f j r t 这几个字母被故意拉宽、做方——尤其是 r 的横臂特别长,t 的顶部特别平。

这种处理在排版上是有代价的——拉宽的字母会让字间距变得不均匀,单词的视觉灰度看起来略"散"。但代价换来的是辨识度:你看一眼 "ANTHROPIC" 这个词,能立刻认出 Styrene。

Styrene 还分 A(宽)和 B(窄)两个家族。Anthropic 主要用 A 做标题(强调"宽阔、平静、有节奏"),用 B 做长文标题(更紧凑、更编辑化)。这是 Geist 的字体编排里非常熟练的细节。

Tiempos:把网页变成期刊

正文用 Tiempos,是一个非常反 SaaS 的决定。

主流 SaaS 公司——Notion、Linear、Vercel——正文几乎一律用现代无衬线(Inter、Söhne、SF Pro)。这套选择的逻辑是"屏幕显示无衬线更清晰、更现代"。Anthropic 选 Tiempos,等于在说:"我们不是 SaaS,我们是一份正在出版的东西。"

效果是肉眼可见的:当你滚动一篇 Anthropic 研究博客时,那种"在阅读"的感觉远超浏览同等长度的 OpenAI 博客。这种感觉不来自字体本身的美学,而来自选择的勇气——他们愿意为"读"放弃一点"看"。

一个综合体的小结

#FAF9F5 米色背景 + Tiempos 衬线正文 + Styrene 宽体标题 + 手绘 Hand/Object/Node 插图 + 抖动的 Spark 星号——这五件东西放在一起构成的是一种反硅谷的硅谷美学。它用最先进的 AI 公司的预算,去模拟一种 1970 年代的、独立期刊式的、"人类智识工艺"的视觉体验。

这是一个非常聪明的定位。当你的产品本质上是"用世界上最大的算力中心模拟人类思考"时,把品牌做成一份温暖的纸质刊物,是对产品本质最优雅的对冲。

一手来源(已授权本地存档)

以下文章已由站长本人以个人阅读用途获取并存档。每篇都配了一份中文导读;点击 “双语阅读” 进入 dual-pane 阅读器,可三档切换:双栏 / 仅原文 / 仅中文。