关于这个模板
Vision Reveal 是一个只靠一份书面简报搭出来的创意机构首屏，这一页记录的就是那份简报。标题是“I build compelling visual stories & motion that make ideas shine”，首屏其余部分都围着它排。配色控制在白色 #E4E4E4 打底、黑色 #111111 给文字、青绿色 #75C5DE 承担强调色之内，字体用 Inter。这一条会把生成页面的技术栈（Framer Motion）写出来，而不是藏起来。动效预算就是0.3s 的过渡、cubic-bezier(0.96,-0.02,0.38,1.01)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 16,723 字符的简报。
适合谁
- 给创意机构或工作室首屏换皮的成长团队，想在卖点文案改动时保住 1460x1080 的画幅。
- 给必须在不做原型的前提下向客户解释 447px 表现的工作室用。
- 产品市场的人需要首屏在背后有5.8s 的循环视频时依然好读。
包含哪些内容
- 导航不带底色. 链接在同一行、同一个字号上排开，#75C5DE 操作收在行尾右侧，视线正好在导航结束的地方停下。447px 以下链接直接收起，而不是折到第二行。
- 要片段，不要插画. 1460x1080 的画幅由一段循环填满，它在文案后面播放，不要任何控件。自动播放不可用时，1460x1080 的封面帧撑住构图，版式不会塌。
- 一套字，两个角色. 气质来自需求简报里的字号档位和字距：Inter 用收紧的展示字号，然后干净地掉到支撑句。字号越大字距收得越紧，标题行在 14–42px 范围内才能保持完整。
- 能逐项核对的数值. 尺寸是写明的，不是继承来的：字号从 14px 到 42px、100vh 高的板块、9999px 圆角、32px 间距。换字体或换文案，这些关系依然成立。数值是从收录的提示词里抄下来的，不是反推的，重渲染也不会丢。换字体、换文案可以，别换字阶。
动效与交互
正中一块实时画布
在 1460x1080 画幅上做视觉的是一块 WebGL 画布，文字排在它上方或旁边。需求简报让画布周围的界面保持朴素，场景因此是唯一的看点。
附了一条更安静的分支
减少动态效果是写进规格的，不是后补的：开启后入场动画和循环视频停下，构图停在最终状态。减少动态效果下交互反馈照常工作，只去掉入场动画。关掉动效测一遍页面。这份参考在 1460x1080 下收录。
这份创意机构需求简报为什么站得住
在素材上压一层色调本来是最省事的办法，需求简报偏偏不用。素材是一段 5.8s 的 1460x1080 循环。文案依然站得住，因为字号从 14px 到 42px、100vh 高的板块让画幅保持安静。它给创意机构读者的是一条通向主张的最短诚实路径。
Vision Reveal 怎么安排第一次阅读的顺序
功能导向的版式在罗列产品能做什么，这一版把读者带向一个决定。这条路径看得见：就在导航、标题、数据行、功能列表里，也在字号从 14px 到 42px、100vh 高的板块给它们的间距里。创意机构读者先看到主张，再看到选项。
把这个首屏变成你自己的
直接替换是有上限的：如果你的产品需要另一套层级，字号从 14px 到 42px、100vh 高的板块会跟你作对。这种情况先改顺序，再改数值。在碰颜色之前，先重写那行展示字。
常见问题
Vision Reveal 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 16,723 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Vision Reveal 必须用 Framer Motion 吗？
这份参考恰好是用 Framer Motion 构建的，但版式里没有一处依赖这个选择：间距、字体和动效数值换到你正在用的工具里照样成立。
Vision Reveal 的动效是由什么驱动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 0.3s 这个区间内使用 cubic-bezier(0.96,-0.02,0.38,1.01)。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
