YOHAKU · DESIGN SYSTEM PROGRESS

v0.1 进度报告余白

报告期2026 Q1 · 4 月
作者Innei
读者设计与工程团队
状态v0.1 收尾

本季 Yohaku 完成了从「私人博客的设计语言」到「为书写而设计的通用排版系统」的定位调整。核心 token 已收敛到 30 项,原子组件 6 件,段落样例 5 段。下一阶段重点是打印套件的 token 拆分,以及 SKILL.md 的「核心 + 套件」改写。

30

Tokens

6

原子组件

5

段落样例

≤ 5%

主色用量

01

本季完成

主色从浅葱(#33A6B8)替换为梅红(#C56473),与暖灰中性体系同族;中性灰从冷灰迁移到 60% 暖度的纸张色,30 项 token 已稳定。

Components 与 Snippets 两节完成与 apps/web 实际样式的对齐:按钮采用 accent/8 半透 + 30% 边框,输入框用 --field-* 全套,评论气泡用异形圆角。

02

色彩与字体

主色:梅红 #C56473(深色模式 #E095A4)。语义色采用日本传统色:縹(信息)、若竹(成功)、朽葉(警告)、蘇芳(错误)。

中性灰 n-1 → n-10(暖色调,60% 暖度)

字体三族:sans / serif / mono,每族都自带完整中文回退链。中文不施合成 bold,font-medium(500)即上限。

Sans:Inter → PingFang SC → Noto Sans SC。Serif:Noto Serif CJK SC → SongTi SC → Georgia。

减法不是少做事,是每一次加法都被审过。
03

下季计划

打印套件 token 层拆分。当前用了 OKLCH 与 color-mix,浏览器打印可用,但若引入 weasyprint 等服务端渲染器需要 hex 镜像版本。

SKILL.md 与 CHEATSHEET 重组。按「核心 + 套件」重写,明确 web 与 print 各自的禁忌(如 print 禁 rgba、需要 page-break)。

更多打印类样例。已有简历与本报告,下一步:信件、作品集(多页)、横版 slides。