关于这个模板
Task Engine 留住了自己的决策链：生成这个落地页的需求简报有 14,503 个字符。配色控制在白色 #F0F0F0 打底、黑色 #0D0D0D 给文字之内，字体用 Plus Jakarta Sans。交付形式是一个自包含的 HTML 文件，收录于 2104x1080，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是2400ms 的过渡、cubic-bezier(.16,1.3,1)、一段循环视频打底。当你要做面向电商品牌的落地页、想要一个成品构图而不是一个起点时，就拿它当参照。下面引用的每一项都是那份简报里的数值，从 2104x1080 的画幅一直到最小的间距档。收录的提示词记录于 2104x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 在用 AI 建站工具的人，希望简报里已经写好了 cubic-bezier(.16,1.3,1) 缓动曲线，而不是交给模型自己发挥。
- 如果你把需求交给模型而不是设计师，就从落地页开始，让提示词兜住一个自包含的 HTML 文件。
- 给必须在不做原型的前提下向客户解释 700px 表现的工作室用。
包含哪些内容
- 字和画幅共用一套档位. 版式里没有一样交给感觉：需求简报写明了 100vh 高的板块、30px 间距、2400ms 的过渡、cubic-bezier(.16,1.3,1) 缓动曲线，构建必须落回这些值。因为数值是固定的，替换只改样子，不改节奏。
- 一个素材元素承担整体情绪. 片段在 2104x1080 下循环 10.6s，接缝看不出来，所以它读起来是肌理，而不是一条片子。按 2104x1080 或更宽的尺寸导出，cover 裁切就继续成立。
- 靠展示字号说话. 由 Plus Jakarta Sans 一个字体挑大梁：从标题到支撑句字号断得很干脆，字号越大字距收得越紧，层级因此由字体承担，而不是靠颜色。展示字体只用一个字号，不会自己跟自己抢。
- 需求简报点了名. 版式里没有一样交给感觉：需求简报写明了 100vh 高的板块、30px 间距、2400ms 的过渡、cubic-bezier(.16,1.3,1) 缓动曲线，构建必须落回这些值。因为数值是固定的，替换只改样子，不改节奏。换字体、换文案可以，别换字阶。
动效与交互
快到像是刻意安排的
一个时长覆盖所有交互（2400ms缓动是 cubic-bezier(.16,1.3,1)），悬停和按下才读成同一套系统。同一组时长在控件之间复用，交互因此像一套系统。
是循环，不是时间轴
环境动感来自 2104x1080 的 10.6s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。
对电商来说成立的地方
这一页只有一个承诺，100vh 高的板块、30px 间距把它固定在原处。折叠线以下的东西都不用再承担一次主张。它给电商读者的是一条通向主张的最短诚实路径。
这个落地页怎么重排
窄屏不是把它整体缩小就能解决的。这份简报把变化交给字体和导航处理：版式在 700px 处切换、板块高度锁在 100vh、动效带减少动态效果分支。扛过重排的是层级。
在 Task Engine 里先改什么
假设你只有一个下午。换掉标题和行动按钮的标签，别动100vh 高的板块、30px 间距，你也能得到一个看起来是刻意做过的页面。该换掉的是题材。
常见问题
重建 Task Engine 必须用一个自包含的 HTML 文件吗？
Task Engine 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Task Engine 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 2104x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
在客户项目里该怎么处理 Task Engine 的素材？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 2104x1080 下收录。
