关于这个模板
在动手为AI 或 SaaS 产品重建落地页之前，先读 Scaling Platform：构图和它背后的规格书都在这里。颜色只用了白色 #F2F1F0 打底、黑色 #3A3A3A 给文字、亮青绿色 #15BCDF 承担强调色，正文排的是 Quantico。交付形式是单个组件，所以整个落地页可以直接搬进项目，不需要设计交接。动作被收进1s 的过渡、一段循环视频打底里。当AI 与 SaaS的落地页必须扛住一次文案改动、又不能重做设计时，它最有用。下面引用的每一项都是那份简报里的数值，从 1916x1080 的画幅一直到最小的间距档。收录的提示词记录于 1916x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 在用 AI 建站工具的人，希望简报里已经写好了单个组件，而不是交给模型自己发挥。
- 这个页面服务的是正用单个组件重建AI 或 SaaS 产品落地页、想找外观背后那组数字的前端开发者。
- 正在给AI 或 SaaS 产品落地页提案的代理公司，想把 100vh 高的板块、20px 间距写进方案里，好让报价在启动会之后仍然站得住。
包含哪些内容
- 导航不带底色. 这一行的对比只花在一个地方：#15BCDF 操作；字标和链接都退回正文色。到了平板断点以下，改由移动端浮层接管。导航条悬在 1916x1080 的构图上，自己没有底色，素材因此从它下面通到两边。
- 一套字，两个角色. 由 Quantico 一个字体挑大梁：从标题到支撑句字号断得很干脆，字号越大字距收得越紧，层级因此由字体承担，而不是靠颜色。字体和固定字号配对使用，展示行和界面文字因此始终是一家人。没有职责的字号不要加。
- 字阶是钳制的，不是分档跳的. 字阶顶部是流体的（118px 到 20px 的 clamp），其余档位固定，视口收窄时画幅依然保持成构图。移动端菜单属于同一份需求简报，所以收起来的状态也是设计过的。
- 量出来的，不是估的. 尺寸是对着 1916x1080 的渲染量出来的：100vh 高的板块、20px 间距、1s 的过渡。清单里最小和最大的两个值，划定了这套构图的取值范围。
动效与交互
短而写明的时长
规格里每一次状态变化都带着时长：1s没有一处留给浏览器默认值，所以页面读起来是被设计过的，而不是被加了动画。缓动和时长写在一起（1s），复刻时没法悄悄换成另一种手感。时长是设计的一部分，不是收尾工序。
揭示就是记忆点
标题不是整块淡入：每一行从裁切窗口里升起。这正是它和静帧的区别，因为叙事是由文字出现的顺序完成的。入场在读者的视线落到支撑文案之前就已经结束。一次卡好时间的入场，胜过满页滚动特效。这份参考在 1916x1080 下收录。
Scaling Platform 里什么在动
页面让人坐不住，通常是因为入场太多。这一版把清单压得很短：1s 的过渡、5.1s 的循环视频、遮罩式逐行揭示。这个落地页里没有为动而动的动画。
Scaling Platform 怎么安排第一次阅读的顺序
这里没有任何东西跟第一个决定抢位置。支撑素材等在折叠线以下，页面顶部只由导航、标题、数据行、背景片段、页脚承担。 SaaS读者先看到主张，再看到选项。这份参考在 1916x1080 下收录。
在 Scaling Platform 里先改什么
如果你的品牌配色更重，先对着画幅测一轮再定。撑住页面的是白色 #F2F1F0，所以更暗的强调色需要比参考更高的对比。在重新配色之前，先把文案和素材改完。
常见问题
复制 Scaling Platform 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 5,231 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Scaling Platform 有多少地方依赖单个组件？
Scaling Platform 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
为什么 Scaling Platform 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 5,231 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
