Astro静态站点

这是一篇用于验证 UI 设计系统落地质量 的示例正文。它不只是测试路由是否可用，而是用于观察以下能力是否真实成立：

1. 长文本在 650px 左右阅读宽度下是否舒适；
2. 标题、摘要、元信息是否形成“编辑感层级”；
3. 页面是否通过留白和色调分层建立结构，而不是靠卡片边框。

为什么强调排版而不是组件堆叠

在「隐形画廊」体系中，页面的核心目标是让内容本身成为主角。
如果一个页面必须依赖大量边框、阴影和强色块才能“看起来有结构”，那说明它的排版组织还不够成熟。

因此，我们把首页、博客和项目页都统一到一套节奏上：

• 展示层使用 Noto Serif 的大标题与正文；
• 功能层使用 Inter 的小号全大写标签；
• 关键交互只用 primary 作为高信号点缀。

示例内容如何服务 UI 验证

这篇文章本身用于验证三个观察点：

• 段落长度变化是否会破坏页面秩序；
• 小标题与正文切换是否自然；
• 标签与日期是否可在低视觉噪音下被快速识别。

当这三个点都成立时，我们才可以说：页面不仅“能看”，而是“高还原地符合了设计系统”。