关于这个模板
Vize Footer 用一份收录下来的需求简报，解决了面向AI 或 SaaS 产品做页脚时的问题。配色控制在黑色 #000000 打底、亮蓝色 #31A8FF 承担强调色之内，字体用 Inter。交付形式是 React 和 Tailwind CSS，收录于 1838x1350，所以画幅在任何一行代码写下去之前就已经定好。如果你要给别人提一版SaaS页脚的需求，就从这个构图起步，把题材换掉。收录的提示词记录于 1838x1350，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1838x1350 的画幅一直到最小的间距档。
适合谁
- 如果动效必须砍掉，这版页脚照样读得通，靠字号从 14px 到 26px、10px 间距撑起层级。
- 用提示词给页脚提需求的人，会把这份 7,734 字符的提示词当作起点。
- 给要改写一版页脚、标题长度又得和Vize Footer一样的内容负责人用。
包含哪些内容
- 尺寸写在需求简报里，不在一套比例里. 版式是对着一组固定值（字号从 14px 到 26px、10px 间距）解出来的，首屏在任何宽度下因此都保持成构图。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。先量，再调。
- 数字坐在基线上. 统计数字是当字体来处理的：数字用展示字号，标签用需求简报里最小的字阶，颜色只走 #31A8FF 或正文色，而不是找一张彩色卡片垫着。数字带 #31A8FF 强调色，周围一切都留在正文色上。
- 顺序由栅格定. 栅格就是结构：面板同样大小，用 Inter 排，排得让视线横向移动，而不是向下。每块面板内部排法一致，栅格因此能按形状扫。面板小标题对齐页面的字阶。
- 层级交给字体. 字体和它的字号是一起写明的（Inter，跨 14–26px），字体因此在不同的构建之间搬得动。字号越大字距收得越紧，标题行在 14–26px 范围内才能保持完整。
动效与交互
指针只在有用的地方出现
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。状态在需求简报里就写明了，页面不依赖任何悬停特效库。这份参考在 1838x1350 下收录。
有意做成静止
这一份交付的是 1838x1350 下的静态构图，所以层级必须不靠动效也成立，它确实成立。需求简报里没有动画库，复刻的工作量因此很小。
在 Vize Footer 里先改什么
主题给你的是一堆组件，这份需求简报给你的是一套构图：字号从 14px 到 26px、10px 间距和一个素材画幅，题材留给你自己。替换比重新构图便宜，这正是重点。
这个页脚背后的顺序
页面的顺序是刻意安排的。标题占主标题字号，支撑句说明产品能做什么，亮蓝色 #31A8FF强调色标记主操作，下一步从不会有疑问。除此之外没有别的东西抢注意力：第一个决策点之前没有卡片栅格，这正是页脚在SaaS类项目里不显沉重的原因。 SaaS读者先看到主张，再看到选项。
这个页脚背后的时序
数一数会动的元素，清单很短：悬停态与按下态。这个页脚里没有为动而动的动画。这份参考在 1838x1350 下收录。
常见问题
Vize Footer 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1838x1350 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Vize Footer 的页脚吗？
Vize Footer 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
在客户项目里该怎么处理 Vize Footer 的素材？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1838x1350 下收录。
