适合什么时候使用？
做官网还没有方向时，可以先浏览预览；已有网站但希望改善观感时，可以比较不同风格；想让 Cursor、Claude Code 或 Codex 按具体依据实现时，可以下载设计资料并结合自己的项目使用。
页面提供中文说明，模板名、原始下载文件和 AGENT.md 保留原文。可以从模板目录按名称查找，或在使用指南按用途和风格选择。
下载后会得到什么？
| 文件 | 用途 |
|---|---|
| DESIGN.md | 完整设计说明与实现参考。 |
| DESIGN-compact.md | 快速了解整体风格和主要规则。 |
| tailwind-v4.css | 面向 Tailwind v4 的样式定义。 |
| variables.css | CSS 变量定义。 |
| design-tokens.json | 结构化设计参数。 |
| AGENT.md | 使用说明、阅读要求与原始网站地址。 |
这是六文件设计资料包，需要由 Agent 结合你的项目制作页面。它不是完整网站源码或已实现业务功能的应用；原始网站展示的照片、字体和动画也不等于包含在资料包里。
怎样交给 Agent？
直接提供 ZIP 或完整本地路径，由 Agent 解压并读取文件。实现时使用 Tailwind、CSS 和设计 Token 的真实定义，同时打开 AGENT.md 中的原始网站核对，不凭印象猜测。可以复制入门指南中的完整任务。
免费领取和购买怎么安排？
已验证的本站账号可以任选首个模板免费领取。确认后锁定这份，可查看全文和重复下载；不能换成第二份，绑定邮箱和手机不会增加次数。免费领取的模板也会显示在“已购买”。
后续模板每份 9.9 元，一次购买，无需订阅，当前仅支持支付宝。领取或购买后，可以从详情页或“已购买”重新进入。
使用这些参考时需要知道什么？
模板名称用于识别参考风格，不表示与对应品牌有官方合作，也不表示由品牌提供官方源码。实际使用图片、字体及其他第三方素材前，按对应来源确认适用条件。
先用一个页面验证风格与内容是否匹配，再把同一套规则扩展到项目的其他部分。