Creativity

Tokens设计令牌

One palette, many moods — each surface of the site keeps its own accent while sharing the same bones.一套色板，多种气质 —— 网站的每个页面都有自己的主题色，却共享同一副骨架。

The Panel System面板系统

Native scroll + snap, two axes: vertical between chapters, horizontal within them. This very pager is the pattern — try dragging the strip below.原生滚动 + 吸附，两个方向：章节间纵向滚动，章节内横向翻页。你眼前这个翻页器就是范例 —— 试着拖动下面的横条。

Principles设计原则

• Code is the aesthetic代码即美学Monospace everywhere. The site reads like a well-formatted source file.全站等宽字体。整个网站读起来像一份排版精良的源代码文件。
• Cards, not pages卡片，而非页面Soft borders, 12px radii, shadows that whisper. Content lives in cards.柔和的边框、12px 圆角、若隐若现的阴影。内容都住在卡片里。
• Motion earns its place动效物尽其用Reveals, nudges, and bobs — always subtle, always skippable via reduced-motion.渐显、轻推、浮动 —— 始终克制，且始终尊重减少动效偏好设置。
• Zero frameworks零框架Hand-written HTML/CSS/JS. Every byte on the page was put there on purpose.纯手写 HTML/CSS/JS。页面上的每一个字节都有它存在的理由。