规格表 / Spec

字体

Styrene B（自定义间距）✓[2]

字符

A · N · T · H · R · O · P · \ · C — 反斜杠替代 I✓[1]

反斜杠

"a reference to the code that underlays AI"（Geist 原话）✓[1]

色彩

Ink #1a1a1a 或 Bone #FAF9F5 上的反白推[6]

Wordmark 用反斜杠替代 I，把"代码"嵌入品牌字。这是 Geist 的核心设计动作——一个细节让品牌从"另一家 AI 公司"变成"和代码同源的 AI 公司"。

2023 Geist 历史版 · 标题

Styrene A（Berton Hasebe / Commercial Type）✓[2]

2023 Geist 历史版 · UI

Styrene B（同家族）✓[2]

2023 Geist 历史版 · 正文

Tiempos（Kris Sowersby / Klim Type Foundry）✓[3]

当前生效（截至 2026-04）

Anthropic 官网 CSS 主体已切换为 Anthropic Sans / Serif / Mono 自有字族✓[6]

历史 → 当前

可视为 Anthropic 把 Geist 的 sans+serif 双字体哲学保留，但换成自有 IP 字体推[6]

字号台阶

台阶细节官方未公开 — tbd待考

Geist 2023 选 Styrene + Tiempos 是 Anthropic 视觉系统的奠基；但截至本研究归档时（2026-04），anthropic.com 的 CSS 主体已经迁到 Anthropic Sans / Serif / Mono 自有字族。下面所有以 Styrene/Tiempos 出现的描述都属于"2023 历史系统"——这是图鉴的考古坐标，不是当前事实。

ASCII 序列

`·` → `✢` → `✳` → `∗` → `✻` → `✽` → 循环✓[5]

帧数

6 帧（社区从 Claude Code 源码反推）✓[5]

帧率

约 8–10 fps（视觉估算 100ms / 帧）推

web 版本

同序列 + 字符抖动 / 缓动；具体曲线 tbd待考

Spark 是 Anthropic 视觉系统里最人格化的元素——不是 spinner / progress bar，是一个会跳动的星号。形态在六个 Unicode 字符之间循环，所以即使是 plain text 的 CLI 也能跑出"在思考"的视觉感。这是把"动效"还原成"字"的设计巧思。

系列

Hand（人手）· Object（物件）· Node（结构）✓[6]

总数

62 张（已在 claude-illustrations.ts）✓[6]

风格

手绘、可见笔触、轻度不完美——"unvarnished"✓[1]

配色规则

与 8 色背景任意组合（具体官方推荐组合 tbd）待考

Geist 的核心动作之一是"反 SaaS 矢量图"——拒绝几何完美，拥抱手绘的瑕疵。每一张插图都能看到笔触起止、墨色不均、轻微歪斜。这是温度的视觉化承诺。

主色（当前 token）

Clay #D97757（即官网 CSS 中的 --swatch--clay）✓[6]

历史命名

"Book Cloth" 出现在早期 Geist 案例描述里；当前官网把 #D97757 直接叫 Clay。把 #D97757 标成 "Book Cloth → Clay" 是不可靠的派生关系✓[6]

#CC785C

历史描述中作为"Clay"的次级色出现，当前 token 命名未确认；标 inferred推

背景

Bone / Ivory 暖米色 #FAF9F5✓[6]

主深色

Ink #1a1a1a✓[6]

8 色背景库

clay / oat / sky / olive / heather / cactus / fig / coral（已在 claude-illustrations.ts）✓[6]

色彩哲学

warm-leaning，反 SaaS 冷蓝灰✓[1]

Bone（带暖意的米色）是 Anthropic 视觉系统的最深底层选择——它告诉用户："这不是另一个白底硅谷 SaaS"。所有插图、卡片、wordmark 都建立在这个温度之上。

最大宽度

约 1280–1440 px（视觉估算 / 抓 sample）推

正文列宽

约 640–720 px（一行 ≈ 60–75 字符）推

段距

Tiempos 行高约 1.7（推断）推

插图占位

通常占据 hero 区或文章 mid-break推

官方台阶

brand book 未公开 — tbd待考

从抓取的 340 个页面归纳：长文体例 + 边距充裕 + 插图叙事，整体节奏接近 NYT / The Atlantic 的 editorial layout，远离一般 SaaS 落地页。