关于这个模板
在动手为AI 或 SaaS 产品重建落地页之前，先读 Fastshot：构图和它背后的规格书都在这里。标题是“Describe an app. We'll build it”，落地页其余部分都围着它排。整套配色是深蓝色 #0A0D12 打底、灰调靛蓝色 #9C86CE 承担强调色，页面字体是 Inter。交付形式是一个自包含的 HTML 文件，收录于 1920x1406，所以画幅在任何一行代码写下去之前就已经定好。需求简报把动效预算花在1.00s 的过渡、cubic-bezier(.4,0.2,1)、一段循环视频打底上。写作时让它开着：能迁移到你页面上的，是那份 15,844 字符的简报。收录的提示词记录于 1920x1406，所以这一页引用的每个数值都能追回到它。
适合谁
- 在交接说明里写上 cubic-bezier(.4,0.2,1) 缓动曲线，下一次构建就不必再从页面里倒推。
- 如果这个落地页有三个人要改，就给内容负责人 100vh 高的板块、4px 圆角，而不是一张截图。
- 这个页面服务的是正用一个自包含的 HTML 文件重建AI 或 SaaS 产品落地页、想找外观背后那组数字的前端开发者。
包含哪些内容
- 顶栏只放一个操作. 字标、链接和 #9C86CE 操作共用一条基线，细导航条才不会被看成随手排的。599px 以下链接直接收起，而不是折到第二行。
- 素材垫在文字后面. 背景就是一段 1920x1406 的 7.5s 循环，按 cover 裁切、不加任何色罩。其余一切都浮在它上面的一层。按 1920x1406 或更宽的尺寸导出，cover 裁切就继续成立。
- 字阶就是样式系统. 展示行用 Inter 排，字号由需求简报定死，标题因此是构图元素，而不是一段文字。只要字号和字重留在需求简报放的位置，换字体就是安全的。
- 字和画幅共用一套档位. 版式里没有一样交给感觉：需求简报写明了 100vh 高的板块、4px 圆角、18px 间距、1.00s 的过渡，构建必须落回这些值。画幅比例和尺寸记在一起，重建时连比例也一起对。
动效与交互
短而写明的时长
控件在 1.00s 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。缓动和时长写在一起（1.00s），复刻时没法悄悄换成另一种手感。一种行为配一个时长。
是循环，不是时间轴
背景片段在 1920x1406 下以 7.5s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。片段静音且行内播放，所以第一帧不需要任何交互就能看到。
这个落地页怎么重排
模板会塌成单栏然后听天由命，这份需求简报写明会发生什么（字阶是流体的，而不是阶梯式的、版式在 599px 处切换、板块高度锁在 100vh），并保住顺序不变。重排之后，任何宽度下行动点都够得着。
对AI 与 SaaS来说成立的地方
模板会用一个个模块把首屏填满，这个落地页只用导航、标题、数据行、卡片栅格、背景片段就收住。差别体现在100vh 高的板块、4px 圆角上：没有任何东西是靠撑开去填满空间的。 Fastshot 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
把 Fastshot 当规格书读
15,844 个字符的需求简报产出的是一份完整规格。真正承重的部分很短：100vh 高的板块、4px 圆角、18px 间距、1.00s 的过渡。这个落地页里没有任何一处依赖默认值。
常见问题
为什么这条条目还要标注一个自包含的 HTML 文件？
Fastshot 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Fastshot 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 1920x1406 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Fastshot 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1406 下收录。
