关于这个模板
Cast and Render 留住了自己的决策链：生成这个落地页的需求简报有 18,074 个字符。整套配色是中性 #F2F0EC 打底、近黑 #0A0908 给文字，页面字体是 Inter。交付形式是一个自包含的 HTML 文件，收录于 1920x1432，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是3s 的过渡、cubic-bezier(.22.61.36,1)、一段循环视频打底。当3D 与游戏的落地页必须扛住一次文案改动、又不能重做设计时，它最有用。收录的提示词记录于 1920x1432，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1920x1432 的画幅一直到最小的间距档。
适合谁
- 如果这份参考只是个起点，设计师可以留着 cubic-bezier(.22.61.36,1) 缓动曲线，把落地页其余部分重建。
- 给做3D项目提案、需要在第一次回复客户时就带上一个自包含的 HTML 文件的代理公司用。
- 如果你把需求交给模型而不是设计师，就从落地页开始，让提示词兜住 280px 断点。
包含哪些内容
- 导航条上不留多余. 一条细导航压在落地页上，字标在左，链接用 Inter 排，整套构图因此先读成内容、再读成界面。在 280px 以下，链接收进一个全屏浮层。280px 以下链接直接收起，而不是折到第二行。
- 一段片段承担全部. 素材干的是氛围的活，不是叙事：一段 1920x1432 下的 4.9s 循环，垫在所有东西后面。自动播放不可用时，1920x1432 的封面帧撑住构图，版式不会塌。
- 该流体的时候就流体. 字阶顶部是流体的（12px 到 15px 的 clamp），其余档位固定，视口收窄时画幅依然保持成构图。移动端菜单属于同一份需求简报，所以收起来的状态也是设计过的。层级保留，尺寸可以改。
- 一行到底，不做抽屉. 一条细导航压在落地页上，字标在左，链接用 Inter 排，整套构图因此先读成内容、再读成界面。在 280px 以下，链接收进一个全屏浮层。280px 以下链接直接收起，而不是折到第二行。加底色之前，先把自己的素材垫在导航条下面测一遍。
动效与交互
边滚动，页面边拼装
滚动被当成触发器，而不是时间轴：各个板块进入视口时依次揭示，节奏由读者自己定。滚动行为是对着静态版式那套布局量的，去掉之后没有任何东西挪位。永远不要把文案藏在滚动触发后面。这份参考在 1920x1432 下收录。
时长写进了需求简报
这里的动效用毫秒计量：3s使用 cubic-bezier(.22.61.36,1)这就是全部的动画预算，而且花在状态变化上，不在滚动时间轴上。缓动和时长写在一起（3s），复刻时没法悄悄换成另一种手感。
这个落地页背后的数字
具体数字会过时：适合 1920x1432 的值不一定适合你的画幅。需求简报还是写明了字号从 12px 到 15px、560vh 高的板块，因为写出来的值比没写出来的值好改。这个落地页里没有任何一处依赖默认值。
Cast and Render 怎么安排第一次阅读的顺序
代价是要读者有耐心：可扫读的栅格会立刻交出的细节，这一页先扣着。换来的是一个导航、公告徽标、数据行、功能列表、倒计时不会被误读的首屏。3D读者先看到主张，再看到选项。这份参考在 1920x1432 下收录。
3D、游戏或娱乐品牌能从这里得到什么
主张只说一次，用展示字号说。落地页其余部分都围着这一行排序：导航、公告徽标、数据行、功能列表、倒计时，没有第二个承诺来抢第一次阅读。 Cast and Render 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 1920x1432 下收录。
常见问题
重建 Cast and Render 必须用一个自包含的 HTML 文件吗？
Cast and Render 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Cast and Render 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 1920x1432 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Cast and Render 能用在客户项目里吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1432 下收录。
