关于这个模板
Designy Footer 收录于 1922x1394，保留的是一份规格书，而不是一张画廊图片。整页都建立在白色 #FAFAFA 打底、黑色 #0A0A0A 给文字之上。交付形式是 React 和 Tailwind CSS，收录于 1922x1394，所以画幅在任何一行代码写下去之前就已经定好。需求简报把动效预算花在一段循环视频打底上。从收录的需求简报起步，然后改这个页脚，而不是从零重建。这一页剩下的部分按板块、再按时序和数值把这个页脚拆开，不加任何简报里没有的说法。需求简报钉住的一切（画幅、字号、时长、断点）下面都写出来了，所以你可以照着复刻这个页脚，不用猜它背后的意图。收录的提示词记录于 1922x1394，所以这一页引用的每个数值都能追回到它。
适合谁
- 正在做AI 或 SaaS 产品页脚的团队，想要的是量出来的细节（字号从 13px 到 14px、13px 间距），而不是一张可以照抄的截图。
- 同时跑好几个项目的工作室负责人，会把这一版页脚当作其他页面照抄的样板。
- 这个页脚服务的是那些得向没参加启动会的人解释 React 和 Tailwind CSS 的团队。
包含哪些内容
- 顶栏：字标、链接、一个操作. 一短行链接加一个操作压在页脚上，尺寸按字号从 13px 到 14px、13px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1922x1394 的构图上，自己没有底色，素材因此从它下面通到两边。加底色之前，先把自己的素材垫在导航条下面测一遍。
- 尺寸写在需求简报里，不在一套比例里. 这份清单很短（字号从 13px 到 14px、13px 间距），整套系统因此能靠手一个个核过去。清单短到审核的人能一个元素一个元素地核。看着没道理的那些值，照留。
- 素材上不加色罩. 1922x1394 的视频在文案后面循环播放 2.9s，静音、行内，两者之间没有任何色罩层。循环短到 2.9s，眼睛会把它读成肌理，而不是一条时间轴。
- 要栅格，不要长段落. 本该放一整段文案的地方，这一页放了一组面板，页脚因此扫得完。栅格塌成单列时，面板顺序不变。这份参考在 1922x1394 下收录。
动效与交互
环境动效交给循环
环境动感是一段 1922x1394 下的 2.9s 片段，在文案后面安静循环，不响应指针。片段静音且行内播放，所以第一帧不需要任何交互就能看到。
有悬停态，但要克制
反馈只落在悬停态只给按钮和链接，而不是每张卡片上，这才让信息密集的首屏不显得拥挤。状态用的是页面自己的配色，而不是组件库的默认值。状态宁少，但要写全。这份参考在 1922x1394 下收录。
AI 或 SaaS 产品能从这里得到什么
当你给一个SaaS页脚写需求时，最难的是决定首屏拒绝说什么。 Designy Footer 提前回答了这件事：一行展示字，后面跟着导航、数据行、卡片栅格、页脚。它给SaaS读者的是一条通向主张的最短诚实路径。
Designy Footer 怎么安排第一次阅读的顺序
认定一条阅读路径，就意味着别的路径被关掉了。需求简报接受这一点，把导航、数据行、卡片栅格、页脚固定在原处，并把字号从 13px 到 14px、13px 间距花在让这条路径显眼上。 SaaS读者先看到主张，再看到选项。
把 Designy Footer 当规格书读
第一个数字是字体：字号从 13px 到 14px、13px 间距。间距由它推出来，页面上其他一切都在和这两个值对齐。这个页脚里没有任何一处依赖默认值。
常见问题
Designy Footer 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 3,029 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
为什么 Designy Footer 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 3,029 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
能用别的技术栈重建 Designy Footer 的页脚吗？
Designy Footer 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
