CI FOUNDATIONS / 01

字体与颜色Typography & Colour

从 AIFA 当前网站提取的视觉基础。
以纸白与墨黑建立阅读底色，以铜金强调，以深海蓝构成深色区域。四类字体分别承担标题、正文、界面与信息标注。 WEB SNAPSHOT · 2026.09.13 · CI 基础规范草案 v1.0

核心颜色

COLOUR PALETTE来自网站全局变量 · 点击 HEX 复制

BASE01

纸白

Paper

页面与阅读背景
RGB 250 / 250 / 247

--paper

PRIMARY02

墨黑

Ink

标题、正文、主要按钮
RGB 17 / 20 / 24

--ink

DEPTH03

深海蓝

Navy

深色导航、阅读器背景
RGB 14 / 42 / 71

--navy

ACCENT04

铜金

Gold

登录按钮、身份标识、强调
RGB 176 / 141 / 87

--gold

SECONDARY05

中性灰

Quiet

日期辅助文字、图注
RGB 107 / 114 / 128

--quiet

分隔线 --line: #11141829

线上构建值：墨黑约 16.08% 不透明度。源码为 rgba(17, 20, 24, 0.16)。叠在纸白上约为 #D5D5D3。

辅助色与范围

#FFFFFF 用于按钮反白字；#111111 用于封面底色。以上五色是全局核心色，文章模板专色与图片色彩不计入本页核心色。

字体体系

TYPOGRAPHY四类字体 · 按网站声明展示标本

01 / EDITORIAL LATIN英文标题

Intelligence.

Playfair Display

500 / 700 / 900

衬线标题字体。网站标题字体栈的首选，中文转由 Noto Serif SC 显示。实际加载情况见下方说明。

--serif: "Playfair Display", "Noto Serif SC", Georgia, serif;

02 / EDITORIAL CHINESE中文标题 · 正文

读懂变化。

Noto Serif SC 中文宋体

400 / 600 / 700 / 900

中文衬线字体。标题常用 700，阅读正文用 400。首页作者姓名也使用这套字体。

--reading: "Noto Serif SC", Georgia, serif;

03 / INTERFACE通用界面

A clear view.

Inter

400 / 500 / 600

无衬线界面字体。网站 body 默认使用；中文回退到 PingFang SC（苹方），再使用系统无衬线字体。

--sans: "Inter", "PingFang SC", sans-serif;

04 / INFORMATION导航 · 编号 · 辅助标注

AIFA / 001

DM Mono

300 / 400

等宽字体。网站导航、按钮、刊号与页脚使用。它不含中文字形，中文显示由浏览器回退字体决定。

--mono: "DM Mono", monospace;

字体核验说明：上述字重来自网站字体请求声明。两次原站字体接口响应均未返回 Playfair Display；它的线上最终字形未知。本页用标准字重请求加载 Playfair Display，以展示声明字体的标本。其余字体接口均有返回，但 CSS 字体栈本身不能证明每个字形的最终字体。Noto Sans SC 另有加载声明，未列入核心字体栈。网站标志为图片，不由标题字体重排。

网站排版实测 / 桌面视口 1280 × 720 · 中文模式
使用位置	字体栈	字重	字号 / 行高	字距
首页日更标题	`--serif`	700	60.16 / 69.79 px	−0.015 em
本周合刊标题	`--serif`	700	64 / 67.84 px	−0.045 em
首页作者姓名	`--reading`	700	20 px / normal	0.10 em
导航栏目	`--mono`	400	11 px / normal	0.10 em
文章正文（当前双页）	`--reading`	400	12 / 21.36 px	normal

这些数值记录本次网页状态。标题和正文使用响应式计算，不应把桌面截图字号作为所有终端的固定字号。正文基础行高为 1.78；本页标本字号为展示需要单独设置。

组合应用

IN USE基于提取值的应用建议

AIFA / THE DAILY

在变化中，阅读。

纸白承载内容，墨黑保持清晰。

墨黑字 × 纸白底

适用于正文、标题与主要阅读区域。

AIFA / RESEARCH

保持思考的深度。

深海蓝作为深色底，纸白用于反白字。

纸白字 × 深海蓝底

适用于深色导航、章节与强调区域。

AIFA / ACCENT

让重点被看见。

铜金控制使用面积，墨黑保证文字对比。

墨黑字 × 铜金底

适用于短标签、强调按钮与重点标注。

文字对比建议：建议普通小字采用至少 4.5:1 的对比度。原站登录按钮为白字配铜金底，对比度约；这组颜色建议用于大字（至少 24 px，或至少 18.67 px 的粗体）或装饰。铜金底的小字可改用墨黑。中性灰字配纸白底约。数值按不透明 sRGB 色值计算。参考 WCAG 2.2 对比度说明 ↗。

来源与复用

SOURCE & TOKENS

以当前网站为依据

来源：aifa.chaos.callai.online ↗
采集日期：2026 年 9 月 13 日。采样覆盖首页日更、本周合刊及本次打开的阅读页。页面内中文色名为便于规范使用的整理名称。

全局样式：index.BRzZ2v4m.css ↗
阅读器样式：reader-client.CCdoMqlU.css ↗
文章样式：magazine-page.Bg4FaqO6.css ↗

本地留存：原站 CSS 快照 · 提取记录 · 原站字体接口响应

使用范围：本页是 CI 中的字体与数字色彩基础草案。字体栈和颜色保留原站值；第 03 节为应用建议。本页采用数字 sRGB 色值；印刷 CMYK / 专色需另行打样确定。字体标本通过 Google Fonts 加载，离线时使用回退字体。

AIFA / CSS VARIABLES

:root {
  --paper: #fafaf7;
  --ink: #111418;
  --navy: #0e2a47;
  --gold: #b08d57;
  --quiet: #6b7280;
  --line: #11141829;
  --issue-accent: var(--gold);
  --book-accent: var(--gold);

  --sans: "Inter", "PingFang SC", sans-serif;
  --serif: "Playfair Display", "Noto Serif SC", Georgia, serif;
  --reading: "Noto Serif SC", Georgia, serif;
  --mono: "DM Mono", monospace;
}