关于这个模板
PROMPT 是一个只靠一份书面简报搭出来的创意机构首屏，这一页记录的就是那份简报。配色是黑色 #000000 打底、白色 #FFFFFF 给文字，字体用 Inter Tight。交付就是 React 和 Tailwind CSS：一个页面，没有插件，你和设计之间不隔任何构建工具链。动效是80ms 的过渡、一段循环视频打底，克制到文案依然是主角。写作时让它开着：能迁移到你页面上的，是那份 13,186 字符的简报。
适合谁
- 要找代理公司提案的创始人，会用 1472x1080 的画幅当第一轮的验收标准。
- 给按轮次结算、想在第一次修改前就谈定 100vh 高的板块、32px 间距的代理公司用。
- 产品市场的人需要首屏在背后有5.7s 的循环视频时依然好读。
包含哪些内容
- 导航收在一行. 字标占住左边缘，链接从它右边排开，全部用 Inter Tight 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 1472x1080 的构图上，自己没有底色，素材因此从它下面通到两边。
- 量出来的，不是估的. 需求简报里的每个尺寸都是能反测量回去的数值：100vh 高的板块、32px 间距、80ms 的过渡。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。
- 一行到底，不做抽屉. 字标占住左边缘，链接从它右边排开，全部用 Inter Tight 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 1472x1080 的构图上，自己没有底色，素材因此从它下面通到两边。一条导航只放一个操作。
- 一段片段承担全部. 一个 5.7s 的素材撑起整个首屏，页面上没有第二个素材元素要对齐。按 1472x1080 或更宽的尺寸导出，cover 裁切就继续成立。
动效与交互
动效可以关掉
动效层带一个开关。在 prefers-reduced-motion 下入场动画和循环视频会被去掉，其他一切留在原位。开启减少动态效果后，构图停在最终状态，而不是卡在过渡中间。这份参考在 1472x1080 下收录。
控件共用一个时长
规格里每一次状态变化都带着时长：80ms没有一处留给浏览器默认值，所以页面读起来是被设计过的，而不是被加了动画。时长够短，页面才像是被设计过的；换成一个慢的默认值，整套构图就散了。
这套构图为什么适合创意机构
假设你的素材比文案更吵，这套构图就是为这种情况做的。素材是一段 5.7s 的 1472x1080 循环。画幅保持安静，100vh 高的板块、32px 间距把读者的注意力留在文字上。它给创意机构读者的是一条通向主张的最短诚实路径。
这个首屏背后的顺序
认定一条阅读路径，就意味着别的路径被关掉了。需求简报接受这一点，把导航、公告徽标、数据行、卡片栅格、功能列表固定在原处，并把100vh 高的板块、32px 间距花在让这条路径显眼上。创意机构读者先看到主张，再看到选项。
这个首屏怎么重排
文案一长，先崩的是窄屏版式。这里由80px 到 32px 的 clamp吸收掉变化，板块高度锁在 100vh、导航收进移动端菜单、动效带减少动态效果分支。自动播放和动效都做了诚实的兜底，所以它们不可用时页面依然能表达自己。
常见问题
PROMPT 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 13,186 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 PROMPT 必须用 React 和 Tailwind CSS 吗？
PROMPT 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
PROMPT 里有多少东西是动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 80ms 这个区间内。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
