关于这个模板
把 Growth Decisions 当作落地页规格书来读：这些数值在页面动手之前就先写下来了。配色控制在 #FFFFFF 打底、#0A0A0A 给文字、蓝色 #006CD2 承担强调色之内，字体用 Inter。交付形式是单个组件，收录于 1468x1080，所以画幅在任何一行代码写下去之前就已经定好。动作被收进0.16s 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底里。写作时让它开着：能迁移到你页面上的，是那份 11,164 字符的简报。
适合谁
- 接手这版落地页的外包团队，需要在第一次提交之前把单个组件钉进仓库里。
- 要给这次构建估工时的产品经理，会把 821px 断点读成工作范围。
- 这个落地页服务的是要把单个组件的构建交给工程师、希望动效被写下来的设计师。
包含哪些内容
- 一条会主动让开的导航. 导航条上只有字标、板块链接和一个 #006CD2 按钮，尺寸按 100vh 高的板块、18px 间距定，永远不会长成第二个页头。标签短到能在 821px 下一行放下，当前项用字重标出，而不是加一个胶囊底。字标占的位置不超过它那行字需要的宽度。
- 视频压在最底层. 构图是压在 1468x1080 的片段之上搭起来的，不是摆在旁边，所以素材永远不会被塞进面板或加上边框。自动播放不可用时，1468x1080 的封面帧撑住构图，版式不会塌。
- 层级交给字体. 由 Inter 一个字体挑大梁：从标题到支撑句字号断得很干脆，字号越大字距收得越紧，层级因此由字体承担，而不是靠颜色。展示字体只用一个字号，不会自己跟自己抢。换字体，留档位。
- 每个尺寸都写下来了. 这份清单很短（100vh 高的板块、18px 间距、0.16s 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线），整套系统因此能靠手一个个核过去。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。先量，再调。
动效与交互
时长写进了需求简报
这里的动效用毫秒计量：0.16s使用 cubic-bezier(0.16, 1, 0.3, 1)这就是全部的动画预算，而且花在状态变化上，不在滚动时间轴上。缓动和时长写在一起（0.16s），复刻时没法悄悄换成另一种手感。
到达顺序才是关键
入场动效只花在一个元素上（每一行从裁切窗口里升起），这才让信息量大的首屏不显得拥挤。它只是几个过渡，而不是一整个动画库，所以迁移成本很低。这份参考在 1468x1080 下收录。
这个落地页在论证什么
大多数SaaS页面都是因为做加法而失败：更多板块、更多渐变、更多主张。 Growth Decisions 走的是反方向。构图停留在#FFFFFF上，只有操作用蓝色 #006CD2，这已经足够显得刻意。它给SaaS读者的是一条通向主张的最短诚实路径。
Growth Decisions 怎么安排第一次阅读的顺序
请按顺序读这一页：导航、标题、公告徽标、数据行、背景片段。这里的每一个元素在版面上都只负责一件事，蓝色 #006CD2强调色只花在读者本该去按的那一个元素上，其余任何一个地方都不会分给它一点。 SaaS读者先看到主张，再看到选项。
这个落地页怎么重排
这里的字号是弹性缩放而不是阶梯式跳档（28px 到 18px 的 clamp），所以展示字不会在宽度之间跳。移动端是一个决定，不是退而求其次。
常见问题
能用别的技术栈重建 Growth Decisions 的落地页吗？
Growth Decisions 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
复制 Growth Decisions 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 11,164 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Growth Decisions 里有多少东西是动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 0.16s 这个区间内使用 cubic-bezier(0.16, 1, 0.3, 1)。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
