关于这个模板
在动手为AI 或 SaaS 产品重建落地页之前，先读 Autonomous Ops：构图和它背后的规格书都在这里。“Falcon AI operations overview” 就是整套版式要承载的那一行。颜色只用了 #F0F0F0 打底、#282828 给文字、橙色 #FF6900 承担强调色，正文排的是 Segoe UI, Arial, Helvetica。交付形式是一个自包含的 HTML 文件，所以整个落地页可以直接搬进项目，不需要设计交接。需求简报把动效预算花在3000ms 的过渡、cubic-bezier(.16,1.3,1)、一段循环视频打底上。把它当作面向AI 或 SaaS 产品做落地页的需求简报：它要经得起复刻，而不只是第一眼好看。收录的提示词记录于 2028x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 正在做AI 或 SaaS 产品落地页、需要在报价发出去之前把 cubic-bezier(.16,1.3,1) 缓动曲线落到纸面上的团队。
- 把落地页的结构整段借过来，再逐行对着一个自包含的 HTML 文件换文案。
- 这个落地页服务的是要把一个自包含的 HTML 文件的构建交给工程师、希望动效被写下来的设计师。
包含哪些内容
- 导航条落在页面栅格上. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #FF6900 操作，全部悬在落地页之上，自己没有底色。链接比字标小一档，#FF6900 操作是导航条上唯一有分量的元素。字标占的位置不超过它那行字需要的宽度。
- 对着视口量出来的. 尺寸是对着 2028x1080 的渲染量出来的：100vh 高的板块、3 栏栅格、1.59cqw 圆角、3000ms 的过渡。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。先量，再调。
- 一套字一个职责. 气质来自需求简报里的字号档位和字距：Segoe UI, Arial, Helvetica 用收紧的展示字号，然后干净地掉到支撑句。字体和固定字号配对使用，展示行和界面文字因此始终是一家人。
- 一条会主动让开的导航. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #FF6900 操作，全部悬在落地页之上，自己没有底色。链接比字标小一档，#FF6900 操作是导航条上唯一有分量的元素。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
动效与交互
短而互相匹配的时长
一个时长覆盖所有交互（3000ms缓动是 cubic-bezier(.16,1.3,1)），悬停和按下才读成同一套系统。同一组时长在控件之间复用，交互因此像一套系统。
画布就是视觉本身
视觉是运行时生成的（一块 WebGL 画布），不是加载一张静帧，所以 2028x1080 画幅少了一个素材。给渲染留出预算：在低端设备上，它最容易掉帧。渲染失败时要有东西可看。
把这个落地页变成你自己的
可复用的是构图，题材是你自己的。换掉标题，保留字阶（流体字阶），再在你的素材上重新测一遍 #FF6900 强调色。如果新加的元素不能帮助说明产品主张或下一步动作，它就该放到折叠线以下。换一个品牌，整套画幅都能接着用。
这个落地页背后的顺序
首屏一次读下来，主张就已经清楚了。导航、标题、公告徽标、数据行、卡片栅格依次出现，靠100vh 高的板块、3 栏栅格分隔，而不是靠装饰性分割线。 SaaS读者先看到主张，再看到选项。
Autonomous Ops 里什么在动
模板会让每个板块入场都动一遍，这一版只动3000ms 的过渡、9.7s 的循环视频、遮罩式逐行揭示，然后收住。这个落地页里没有为动而动的动画。
常见问题
为什么这条条目还要标注一个自包含的 HTML 文件？
Autonomous Ops 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
拿到 Autonomous Ops 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 18,222 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Autonomous Ops 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 2028x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
