关于这个模板
Peakflow Footer 是面向AI 或 SaaS 产品的页脚参考，它背后的需求简报是一份完整的构建规格书，而不是情绪板。整套配色是黑色 #111111 打底、白色 #FAFAFA 给文字，页面字体是 Inter。这份参考用 Tailwind CSS 构建，但版式上的决定都独立于它写清楚了。需求简报把动效预算花在100ms 的过渡、cubic-bezier(0.5, 0, 0, 1)、一段循环视频打底上。借结构，不借题材：这个页脚和它那组数字可以原样搬到你的品牌上。收录的提示词记录于 1920x1470，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1920x1470 的画幅一直到最小的间距档。
适合谁
- 这一版页脚服务的是需要一屏证据、证明SaaS的文案能扛住 7.9s 的循环视频的创始人。
- 用提示词给页脚提需求的人，会把这份 3,693 字符的提示词当作起点。
- 给正在做AI 或 SaaS 产品页脚、背后还没有设计系统的独立创始人用。
包含哪些内容
- 尺寸写在需求简报里，不在一套比例里. 字体和间距在这里共用同一份清单：30px 间距、100ms 的过渡、cubic-bezier(0.5, 0, 0, 1) 缓动曲线。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
- 一段片段承担全部. 1920x1470 的画幅由一段循环填满，它在文案后面播放，不要任何控件。按 1920x1470 或更宽的尺寸导出，cover 裁切就继续成立。按 1920x1470 或更宽的尺寸导出，裁切才不失真。
- 一套字，两个角色. 字体定在 Inter 上，需求简报给这套字分配了明确的职责，而不是为了花样去混搭。字重、字距和字号档位全部写明，换字体也不会丢掉层级。字重按角色分配，层级在搭建时就不用靠猜。
- 要分栏，不要堆链接. 链接按列分组，字标单独占一块，再长的页脚也读得下去，而不是变成一串清单。字标单独占一块，长链接列表因此读得下去。这份参考在 1920x1470 下收录。
动效与交互
短而写明的时长
规格里每一次状态变化都带着时长：100ms缓动是 cubic-bezier(0.5, 0, 0, 1)没有一处留给浏览器默认值，所以页面读起来是被设计过的，而不是被加了动画。反馈要读成一次回应而不是一段动画，靠的就是这组短时长。不要把浏览器默认值发上线。
环境动效交给循环
整个环境层就是一段 7.9s 的片段：它在文案后面播放，循环看不出接缝，也从不响应指针。片段短到能循环而不露接缝，这比它的分辨率更重要。
对AI 与 SaaS来说成立的地方
主张只说一次，用展示字号说。页脚其余部分都围着这一行排序：标题、表单、页脚，没有第二个承诺来抢第一次阅读。它给SaaS读者的是一条通向主张的最短诚实路径。这份参考在 1920x1470 下收录。
在 Peakflow Footer 里先改什么
一上来先换配色是常见的错。它只改了气氛，没碰构图，撑住版式的仍然是30px 间距、100ms 的过渡；先做文案和素材，配色放到最后。新文案仍按同样的展示字号排，并且在加任何东西之前先重新对一遍对比度。
这个页脚怎么重排
如果你的断点是为了让东西塞得下而选的，不是为了改变版式，那这一条值得读。字阶是流体的，而不是阶梯式的，而不是一串被隐藏的元素。扛过重排的是层级。这份参考在 1920x1470 下收录。
常见问题
复制 Peakflow Footer 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 3,693 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能用别的技术栈重建 Peakflow Footer 的页脚吗？
不需要。需求简报是规格说明，不是依赖清单。它当初是按 Tailwind CSS 写的，但同一套构图用你手头现有的工具都能重建。标注技术栈只是让你知道这份参考是怎么做出来的。
Peakflow Footer 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1470 下收录。
