用一套视觉系统连接设计与工程

个人网站的风格不必依赖大量装饰。对 SPACE 03，我选择用星空作为背景语境，再通过清晰的布局、低对比度面板和细线边界，让内容保持优先级。

这不是把页面改成深色就完成了。关键是让品牌、导航、页面标题、正文和辅助状态各有位置，让用户能快速判断当前页面并找到下一步。

先建立信息层级

页面需要区分品牌、导航、当前页面、主要内容和辅助状态。品牌与导航保持稳定，页面标题和摘要负责说明当前位置，正文区域只放完成任务所需的信息。层级明确之后，视觉效果可以更克制。

状态要能被快速读懂

按钮、标签和状态文字都应该回答“现在是什么状态”和“下一步可以做什么”。颜色只承担少量语义：绿色表示可用或当前选中，琥珀色提示分类或强调，灰色承载次要信息。其他装饰不会和状态争夺注意力。

用边界帮助阅读

文章和项目不需要铺满整个屏幕。有限宽度、稳定的内边距和清楚的分隔线，可以让页面在桌面与移动端都保持阅读节奏。长文章使用一致的标题、代码块、表格和引用样式，读者不需要重新学习界面。

把图形效果当作背景层

WebGPU 星空为网站提供动态质感，但它不参与页面导航，也不承担内容状态。背景、布局和内容各自独立，页面切换时保留同一个图形实例，阅读体验会更连贯，代码也更容易测试。

让视觉系统可以继续扩展

颜色、边框、间距和按钮状态都使用共享规则，新的页面只需复用这些基础样式。这样可以持续增加文章、项目和实验，而不必为每个新页面重新设计一套界面。