关于这个模板
AI Workflow Agents 用一份收录下来的需求简报，解决了面向AI 或 SaaS 产品做作品集时的问题。“Axon — Digital Workers for Mundane Workflows” 就是整套版式要承载的那一行。整套配色是白色 #E8E6F1 打底、深靛蓝色 #1B133C 给文字、洋红色 #7A4064 承担强调色，页面字体是 Instrument Serif。实现用的是单个组件；里面的每个尺寸都写了下来，这正是它可复用的原因。动效是一段循环视频打底，克制到文案依然是主角。当你要做面向AI 或 SaaS 产品的作品集、想要一个成品构图而不是一个起点时，就拿它当参照。这一页剩下的部分按板块、再按时序和数值把这个作品集拆开，不加任何简报里没有的说法。
适合谁
- 把单个组件连同 1444x1080 的裁切一起交给工程师，让他们自己重建。
- 正在复刻竞品SaaS作品集的团队，想在有人选定框架之前先把单个组件点明。
- 得按常规流程交付这类页面的前端开发者，会把单个组件的结构当作参考实现。
包含哪些内容
- 一条会主动让开的导航. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #7A4064 操作，全部悬在作品集之上，自己没有底色。链接比字标小一档，#7A4064 操作是导航条上唯一有分量的元素。
- 能逐项核对的数值. 需求简报里的每个尺寸都是能反测量回去的数值：100vh 高的板块。间距和字号用同一套单位写明，两者可以直接比。
- 通栏视频，不做面板. 需求简报把视频定在 1444x1080、循环 6.9s，每个文字元素都是对着这个画幅摆的。循环短到 6.9s，眼睛会把它读成肌理，而不是一条时间轴。
- 层级交给字体. 气质来自需求简报里的字号档位和字距：Instrument Serif 用收紧的展示字号，然后干净地掉到支撑句。行高跟着字号档位走，而不是一个全局值。就算换字体，也保留这些字号档位。
动效与交互
交互只落在控件上
交互层很小，也很好预期：悬停态只给按钮和链接，而不是每张卡片。其他部分都不动，重心因此留在构图上。页面不会弹出模态框，也不劫持滚动；交互始终限制在元素本身。这份参考在 1444x1080 下收录。
不靠滚动库的环境动效
环境动感来自 1444x1080 的 6.9s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。拍摄或导出按 1444x1080 或更宽的尺寸。
这个作品集怎么重排
大多数响应式工作做到隐藏元素就停了。这里改的是版式形状：板块高度锁在 100vh，而且没有为了塞进首屏丢掉任何重要的东西。移动端是一个决定，不是退而求其次。
AI Workflow Agents 里什么在动
页面让人坐不住，通常是因为入场太多。这一版把清单压得很短：悬停态与按下态、6.9s 的循环视频。这个作品集里没有为动而动的动画。
在 AI Workflow Agents 里先改什么
假设你只有一个下午。换掉标题和行动按钮的标签，别动100vh 高的板块，你也能得到一个看起来是刻意做过的页面。替换比重新构图便宜，这正是重点。
常见问题
能用别的技术栈重建 AI Workflow Agents 的作品集吗？
AI Workflow Agents 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
为什么 AI Workflow Agents 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 3,215 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
复制 AI Workflow Agents 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 1444x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
