Claude / Anthropic

拥抱人造物的瑕疵 — Anthropic 邀请 Geist 工作室打造的品牌系统,以 手绘插图暖色调衬线字体 传递“技术对齐人性”的理念。340 个页面,一套持续进化的视觉语法。

Bone / Ivory · #FAF9F5
Clay · #D97757
Ink · #1a1a1a
01

深度解析

3 篇原创分析(色彩 / 插图语法 / Spark 与字体)+ 7 篇授权一手来源(带中文导读,可双 pane 阅读)。

3 篇原创 + 7 篇一手来源 · 进入 →
02

插图库

从 Anthropic 内部 /api/opengraph-illustration 接口反推出的 62 个手绘插图 × 8 个官方背景色,可任意组合。Hand / Object / Node 三系是从接口命名归纳的分类,不是 Anthropic 官方 taxonomy。

62 张插图 × 8 色背景 · 进入 →
03

页面画廊

本地归档的 340 个带插图页面,按 News / Research / Engineering 分组,可搜索过滤。当前 anthropic.com sitemap 已增至约 402 个 URL,本归档为快照而非实时镜像。

340 个页面(归档快照) · 进入 →
04

规格表

考古补"广度",规格表补"颗粒度"——字体系统的边界、Spark 动画的真实 ASCII 序列、色彩 token 命名、网格 layout 归纳。每条都标来源。

6 件 surface · 全部带来源 · 进入 →

设计系统速查

品牌主色
#D97757 Clay(即官网 CSS 中的 --swatch--clay;早期 Geist 文档里也出现过 "Book Cloth" 命名)
背景色
#FAF9F5 Bone / Ivory 暖米色(反 SaaS 冷白)
设计工作室
Geist Studio(Portland, OR)— 主导 2023 品牌首发
创意总监
Everett Katigbak(2023.06 入职 Anthropic,第一位设计师)
设计负责人
Kim Bost(前 Pentagram、The New York Times)
字体系统(2023 历史)
标题 Styrene A / B(Berton Hasebe)· 正文 Tiempos(Klim)
字体系统(当前)
截至 2026-04,anthropic.com CSS 主体已切换为 Anthropic Sans / Serif / Mono 自有字族
插图语法
Hand 系(人手 · 34)/ Object 系(物件 · 18)/ Node 系(结构 · 10)
背景色库
clay · oat · sky · olive · heather · cactus · fig · coral
核心准则
Unvarnished · 拥抱人造物的瑕疵 · 温度 > 现代感