先想清楚你要找什么
“找网站模板”可能是在寻找一个好看的方向，也可能是在找能直接运行的代码。先明确下一步要完成什么，比先收集几十张截图更有帮助。
| 你现在的需要 | 优先找什么 |
|---|---|
| 还没有风格方向 | 真实网站预览和设计灵感，先比较喜欢与不喜欢的地方。 |
| 有项目，想把页面做好看 | 具体设计参考和实现依据，让 Agent 按同一套颜色、字体、间距与组件规则工作。 |
| 需要在设计工具里编辑 | 明确附带相应格式的设计稿，不能只看资源名称中有没有“模板”。 |
| 想下载后直接部署 | 完整源码或对应建站工具的成品模板，核对技术栈、安装说明和功能范围。 |
Moodalo 提供真实产品网站的风格参考与设计资料，适合第二种需求，也可以用于浏览灵感。下载包需要交给 Agent，结合你的项目制作页面，并非已经完成的 React 应用或可以直接部署的网站。
比较参考，不只比较颜色
先写下一句话：谁会访问这个页面，最重要的内容是什么，希望对方接下来做什么？例如介绍开发工具时，产品界面和技术说明可能更重要；展示摄影作品时，大图、裁切和项目之间的节奏更重要。
- 内容密度：把自己的真实标题和段落放进去，还能否保持清楚？
- 图像比例：参考是否依赖大幅摄影或产品截图，你有没有相应内容？
- 字体层级：标题、正文、标签各自承担什么角色，换成中文后是否仍可阅读？
- 布局与组件：按钮、输入框、卡片和间距是否采用同一套规则？
- 实施条件：字体、图片、动画或业务功能是否包含在资料里，哪些需要另外准备？
可以先比较两三份候选，并固定同一份页面需求。这组三风格实际示例保留相同的内容和结构，便于观察视觉规则带来的差异。
从用途和风格开始找
知道项目用途，就先看官网或作品集；已经有喜欢的感觉，就从黑白极简或温暖留白开始。这些合集解释了选择理由，最终仍要用自己的内容判断。
若有明确的品牌参考，也可以在模板目录按名称查找。品牌名称表示所参考的产品风格，不代表对应品牌提供的官方模板。
选一份可以用到项目的参考
先做一个完整页面或一个主要内容区，检查方向是否合适，再扩展到其他页面。不要把几套参考的参数混在一起，否则很难判断结果为什么失去一致性。
已验证账号可任选首个模板免费领取，确认后锁定这份，可重复下载和查看全文。后续每份 9.9 元，一次购买，当前使用支付宝。图片、字体等第三方资源是否可以用于你的项目，仍需按实际来源核对。
确定之后，直接把 ZIP 文件交给 Agent，按使用指南完成解压、阅读与实现。想先核对交付范围，可查看关于 Moodalo 与下载内容。