关于这个模板
Intelligence Layer 收录于 1462x1080，保留的是一份规格书，而不是一张画廊图片。配色控制在近黑 #050505 打底、#FAFAFA 给文字之内，字体用 Manrope。交付形式是一个自包含的 HTML 文件，收录于 1462x1080，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是0.9s 的过渡、cubic-bezier(.22, 1.36, 1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 11,825 字符的简报。
适合谁
- 这个落地页面向的是已经熟悉一个自包含的 HTML 文件、只差把 cubic-bezier(.22, 1.36, 1) 缓动曲线写下来的团队。
- 这个落地页服务的是那些得向没参加启动会的人解释一个自包含的 HTML 文件的团队。
- 正在复刻竞品SaaS落地页的团队，想在有人选定框架之前先把一个自包含的 HTML 文件点明。
包含哪些内容
- 一行到底，不做抽屉. 导航条就是一行文字加一个操作，尺寸按 100vh 高的板块、25px 间距定，所以它读起来是一条细带，而不是一整条色块。导航条悬在 1462x1080 的构图上，自己没有底色，素材因此从它下面通到两边。
- 字号断得很干脆. 这里字体就是那套样式系统：Manrope 撑展示字号，整个界面共用同一套字，不需要第二个强调色来帮忙。换字体是可行的，但比例必须扛得住这次替换。字阶是写明的，照着用。
- 没有一样是继承来的. 尺寸是写明的，不是继承来的：100vh 高的板块、25px 间距、0.9s 的过渡、cubic-bezier(.22, 1.36, 1) 缓动曲线。换字体或换文案，这些关系依然成立。数值是从收录的提示词里抄下来的，不是反推的，重渲染也不会丢。
- 通栏视频垫在文字后面. 构图是压在 1462x1080 的片段之上搭起来的，不是摆在旁边，所以素材永远不会被塞进面板或加上边框。按 1462x1080 或更宽的尺寸导出，cover 裁切就继续成立。
动效与交互
首屏由画布撑起
首屏由浏览器生成，而不是作为一张图片发过来：一块 WebGL 画布。需求简报让画布周围的界面保持朴素，场景因此是唯一的看点。这份参考在 1462x1080 下收录。
控件共用一个时长
时长短而统一：0.9s缓动是 cubic-bezier(.22, 1.36, 1)悬停态和按下态因此读起来是一套系统，而不是一堆各自为政的效果。缓动和时长写在一起（0.9s），复刻时没法悄悄换成另一种手感。
这个落地页怎么重排
设计过的窄屏版式比直接挤小要多做不少决定。需求简报把这些决定付掉了：字阶是流体的，而不是阶梯式的、板块高度锁在 100vh、动效带减少动态效果分支，是写明的，而不是构建时才发现。最后才会改的是顺序。
这个落地页背后的数字
这一页里的数字比看上去多。复刻必须保住的是100vh 高的板块、25px 间距、0.9s 的过渡、cubic-bezier(.22, 1.36, 1) 缓动曲线，其余的都可以动。这个落地页里没有任何一处依赖默认值。
在 Intelligence Layer 里先改什么
可复用的是构图，题材归你。保住100vh 高的板块、25px 间距，把文字、素材和品牌标识换掉。新加的元素如果不能帮助说清产品主张或下一步动作，就该挪到折叠线以下。
常见问题
为什么这条条目还要标注一个自包含的 HTML 文件？
Intelligence Layer 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Intelligence Layer 背后的提示词到底有多长？
简报是从页面上收录下来的，共 11,825 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Intelligence Layer 里有多少东西是动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 0.9s 这个区间内缓动是 cubic-bezier(.22, 1.36, 1)。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
