/colophon

设计哲学

不做 blog，做 personal site。以人为中心，文章只是其中一种内容形态。 整体克制、单栏、强节奏感；好玩的细节藏在交互里，不堆在视觉表面。 配色和 mascot 致敬 Chiikawa 里的 Usagi——奶油黄身体 + 桃粉腮红。

技术栈

• Astro 5 — 静态站点生成 + Content Collections
• Tailwind v4 — 样式，@theme 直接定义 CSS 变量
• TypeScript strict — 别给自己留坑
• Vercel — 部署
• Cloudflare Registrar — 域名（无加价）—— 实际买在 Namecheap
• 无 React，hero 互动用纯 CSS + vanilla JS

字体

• Inter — UI 文字
• Source Serif 4 — 正文 + 大标题
• Caveat — 手写感 logo
• JetBrains Mono — code

配色

• #fdf6e0 — 主背景，奶油黄
• #3a2f22 — 主文字，暖巧克力棕
• #e88a9b — accent，腮红桃粉
• #fbdde4 — 浅桃粉，用作高亮 / chip

灵感 / 致谢

• 排版节奏与精神参考 joshwcomeau.com
• "以人为中心" 的个人站结构启发自 leerob.com 等独立 maker
• /now 页传统来自 Derek Sivers
• Usagi 形象来自 Nagano 的 Chiikawa，本站仅作个人 mascot 用