Claude / Anthropic
拥抱人造物的瑕疵 — Anthropic 邀请 Geist 工作室打造的品牌系统,以 手绘插图、暖色调、衬线字体 传递“技术对齐人性”的理念。340 个页面,一套持续进化的视觉语法。
Bone / Ivory · #FAF9F5
Clay · #D97757
Ink · #1a1a1a
深度解析
3 篇原创分析(色彩 / 插图语法 / Spark 与字体)+ 7 篇授权一手来源(带中文导读,可双 pane 阅读)。
3 篇原创 + 7 篇一手来源 · 进入 →插图库
从 Anthropic 内部 /api/opengraph-illustration 接口反推出的 62 个手绘插图 × 8 个官方背景色,可任意组合。Hand / Object / Node 三系是从接口命名归纳的分类,不是 Anthropic 官方 taxonomy。
62 张插图 × 8 色背景 · 进入 →页面画廊
本地归档的 340 个带插图页面,按 News / Research / Engineering 分组,可搜索过滤。当前 anthropic.com sitemap 已增至约 402 个 URL,本归档为快照而非实时镜像。
340 个页面(归档快照) · 进入 →规格表
考古补"广度",规格表补"颗粒度"——字体系统的边界、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 · 拥抱人造物的瑕疵 · 温度 > 现代感