关于这个模板
这是 Subscription Agency 的首屏，连同生成它的那份需求简报一起发布，而不是只给一张截图。颜色只用了 #FFFFFF 打底、#0A0A0A 给文字、绿色 #17C964 承担强调色，正文排的是 Inter。这一条会把生成页面的技术栈（React 和 Tailwind CSS）写出来，而不是藏起来。动效是0.4s 的过渡、一段循环视频打底，克制到文案依然是主角。写作时让它开着：能迁移到你页面上的，是那份 6,172 字符的简报。
适合谁
- 这个首屏服务的是那些得向没参加启动会的人解释 1476x1080 画幅的团队。
- 在这版首屏上继续加块的内部小组，需要把固定 82px 的标题字号、14px 间距原样带进新块里。
- 产品市场的人需要首屏在背后有6.3s 的循环视频时依然好读。
包含哪些内容
- 链接只在一个断点收起. 这一行的对比只花在一个地方：#17C964 操作；字标和链接都退回正文色。链接比字标小一档，#17C964 操作是导航条上唯一有分量的元素。
- 量出来的，不是估的. 这些值就是规格本身：固定 82px 的标题字号、14px 间距、0.4s 的过渡，是在 1476x1080 下收录的，而不是从截图里反推的。间距和字号用同一套单位写明，两者可以直接比。需求简报没写的地方，是故意不写的。
- 字和画幅共用一套档位. 这些值就是规格本身：固定 82px 的标题字号、14px 间距、0.4s 的过渡，是在 1476x1080 下收录的，而不是从截图里反推的。间距和字号用同一套单位写明，两者可以直接比。换题材，别换档位。
- 循环就是背景板. 氛围交给一段 1476x1080 的 6.3s 片段；需求简报定死了它的裁切方式，文字则原样叠在上面。自动播放不可用时，1476x1080 的封面帧撑住构图，版式不会塌。
动效与交互
环境动效交给循环
环境动感是一段 1476x1080 下的 6.3s 片段，在文案后面安静循环，不响应指针。自动播放被拦截时有首帧封面顶上，所以动效是加分项，而不是必需品。
时长写进了需求简报
悬停、按下和聚焦都在 0.4s 内完成，界面因此显得即时。缓动和时长写在一起（0.4s），复刻时没法悄悄换成另一种手感。
这个首屏背后的数字
需求简报就是一份规格书。它写明固定 82px 的标题字号、14px 间距、0.4s 的过渡，并在围绕素材做任何设计之前，先定下 1476x1080 的素材画幅。这个首屏里没有任何一处依赖默认值。
这个首屏背后的顺序
这个首屏有一条写明的阅读路径。导航先确立产品身份，并给回访者一条熟悉的路。视线从这里出发，依次经过导航、标题、公告徽标、数据行、页脚，一屏内容才不会读成一张清单。创意机构读者先看到主张，再看到选项。这份参考在 1476x1080 下收录。
Subscription Agency 里什么在动
动效只限于0.4s 的过渡、6.3s 的循环视频、悬停态与按下态。这个首屏里没有任何动画超过需求简报允许的时长。这个首屏里没有为动而动的动画。
常见问题
Subscription Agency 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 6,172 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能用别的技术栈重建 Subscription Agency 的首屏吗？
Subscription Agency 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Subscription Agency 的动效是由什么驱动的？
入场和状态切换都落在 0.4s 这个区间内，由状态变化触发而不是滚动库，也从不会拖住文案。
