温润纸感 · 手作印刷 · V1.0

把视觉，定成规范。

XIAOWU BRAND KIT · PAPER / INK / INDEX / DECADES

这是小吴乐意的个人品牌规范：纸白底、墨色字、陶土橘点缀、等宽编号。任何页面照着做，一眼就是同一个我。给人看，也给 AI 用——把 DESIGN.md 投喂给任何 AI，它就知道怎么做了。

浏览规范 AI 设计规范

XIAOWU LEYIPAPER · INK

✳ 一套看得见的气质

未来的种子，深埋在过去。

THINK LONG TERM. KEEP BUILDING.

01 / COLOR

色彩：纸、墨与一点陶土

点击色卡复制色值。陶土橘只点缀，不铺面。

DARK · 深色主题成组切换

对比度：墨/纸白 14.6:1（AAA）· 灰苔 4.8:1（AA）· 陶土橘 4.6:1（AA，用于强调）· 暗色陶土浅 8.6:1（AAA）

02 / TYPE

字体：三种字库，各守其界

系统 sans 做正文；等宽做编号；宋体只做引言。

界面 SANS · 正文 15/1.7 · 标题 650–750

关注健康、人工智能与比特币，做一个长期主义者。

H1 · CLAMP(42–62PX) / 750 / -0.05EM

把想法，变成作品

H2 · 25PX / 650

慢一点，也走远一点

等宽 MONO · 编号 / 标签 / 地址 / 元数据

01 / THINGS I BUILD · 3KLy733p6vQDyaKdEY61iGdQPf9pYt9hPv

宋体 SERIF · 仅引言与书名

“慢者生存。”

03 / COMPONENTS

组件：描边世界观

点击「复制 CSS」直接拿走，变量见 brand.css。

按钮

一屏一个主按钮；墨底纸字 14.6:1；无投影无渐变。

卡片与标签

一卡一事

1px 细描边，不堆投影；悬停描边变橘、上浮 3px。

隐私工具

HHealthAAIBBitcoin

圆角由外向内递减：20 › 13–15 › 9 › 4–7。

编号艺术区块

吴01 / INK

LP02 / LITEPIC

₿03 / BITCOIN

SLOW04 / DECADES

四色轮换：苔绿 › 藤紫 › 沙棕 › 雾蓝；深色下保留浅底，像贴纸。

立场框与引言

100% 全仓，且唯一只持有比特币

永远年轻，永远热泪盈眶。

立场框一页最多一个；宋体只做引言与书名。

04 / LAYOUT

版式：编号贯穿的节律

1120px 容器 · 三档断点 · 节有编号。

WRAP

min(1120px, 100% − 64px)

容器左右留白 64px，移动端 40px。

RHYTHM

padding-top: 56px 每节起头（移动 40）
margin-bottom: 24px 节头之后
gap: 12–16px 网格间距（≤440px 收 11）

BREAKPOINTS

1000px 网格 4 列 → 2 列
700px hero 竖排、导航收紧
440px 单列、字号降一档

INDEX · 编号系统

01 / ELSEWHERE 02 / THINGS I BUILD 03 / A LITTLE MORE

两位补零、斜杠空格：眉题、art-label、页脚处处呼应。

05 / MARKS

标志：一枚墨章

「吴」字方章是唯一品牌标；₿ 只在比特币场景。

吴吴吴 ₿

默认墨章 · 描边变体 · 苔绿变体 · 比特币场景 · favicon（最小 28px，不换色不拉伸）。

保持好奇，持续创造

状态点：7px 苔绿点 + 米灰光环，放句首表示「在线/在更」。

06 / RULES

规则：十条，无例外

双主题浅色默认，深色整组切换，tokens 两套同时给。
陶土橘只点缀不做大面积色块，不做主按钮底。
1px 细描边世界观分隔靠线不靠投影；唯一例外是拍立得的柔影。
编号贯穿节有眉题编号，卡有 art-label，两位补零。
圆角递减20 › 13–15 › 9 › 4–7，同层一致。
动效只有 transform.18s ease，位移 ≤3px，必写 reduced-motion 全关。
零外部依赖无外部字体与 CDN，图标用字符 ↗ ＋ ◐ ₿ ✳ ？。
等宽守界只做编号/标签/地址/元数据，正文永远系统 sans。
宋体守界只做引言与书名。
比特币橙守界只出现在比特币语义场景。

文案同源：第一人称、短句、句号结尾，不堆感叹号——「保持好奇，持续创造。」

07 / RESOURCES

资源：拿去就用

BRAND.CSS

组件样式包

tokens + 眉题/按钮/卡片/标签/艺术区块/引言，引入即用，变量带 --xw- 前缀不冲突。

<link rel="stylesheet" href="brand.css">

下载 brand.css

DESIGN.MD

AI 设计规范

把全文投喂给任何 AI，即可按本视觉语言产出页面：tokens、组件、文案声音、十条硬规则与验收清单。

打开 DESIGN.md

给 AI 的最短指令：「读取 xiaowu-brand-kit/DESIGN.md，按规范执行。」