预置 9 个页面:Home、Features、Pricing、Blog、Changelog、About、Contact、Elements、404。层级、间距和字体规则已经统一,新增页面时不用重新做一遍判断。
每个 section 都是独立 Astro 组件,并保持相近的 props 结构。Hero、Features、Pricing、Steps、FAQ、FinalCTA 可以按项目需要重排。
Blog 和 Changelog 基于 Astro Content Layer。正文使用 Markdown,需要交互时再在 MDX 中引入 Astro 组件,不需要一开始就接 CMS。
AOS 负责滚动入场,motion.js 用于需要编排的动效,Hero 文本使用错落入场。动效服务于层级和反馈,不做无意义装饰。
Astro 默认零 JavaScript,只有需要交互的 islands 才加载脚本。全新安装后即可获得 Lighthouse 95+ 的性能、可访问性和 SEO 基线。
颜色、字体、间距、圆角和动效时长都以 CSS 自定义属性维护,并记录在 docs/DESIGN.md。品牌替换优先改一个文件,整站跟随变化。