关于这个模板
Kresna Footer 是面向AI 或 SaaS 产品的一份可用参考：这套页脚已经排好、量好，可以直接照着复刻。整套配色是白色 #FFFFFF 打底、深蓝色 #111827 给文字，页面字体是 DM Sans。交付形式是一个自包含的 HTML 文件，所以整个页脚可以直接搬进项目，不需要设计交接。动效是0.2s 的过渡，克制到文案依然是主角。当这个页脚需要在新增任何板块之前先定下顺序时，就拿它来用。收录的提示词记录于 800x586，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 800x586 的画幅一直到最小的间距档。
适合谁
- 这个页脚面向的是已经熟悉一个自包含的 HTML 文件、只差把一个自包含的 HTML 文件写下来的团队。
- 在交接说明里写上 560px 断点，下一次构建就不必再从页面里倒推。
- 这个页脚服务的是要把一个自包含的 HTML 文件的构建交给工程师、希望动效被写下来的设计师。
包含哪些内容
- 导航收在一行. 字标占住左边缘，链接从它右边排开，全部用 DM Sans 排，所以这条导航条属于下面的页面，而不是另一套系统。560px 以下链接直接收起，而不是折到第二行。
- 能承载品牌的页脚. 链接按列分组，字标单独占一块，再长的页脚也读得下去，而不是变成一串清单。各列对齐到与上方页面相同的栅格，页脚才像是同一套设计。强调色只留给一个操作。这份参考在 800x586 下收录。
- 导航不带底色. 字标占住左边缘，链接从它右边排开，全部用 DM Sans 排，所以这条导航条属于下面的页面，而不是另一套系统。560px 以下链接直接收起，而不是折到第二行。把这一行控制在单行。
- 每个尺寸都写下来了. 版式是对着一组固定值（28px 间距、0.2s 的过渡、560px 断点）解出来的，首屏在任何宽度下因此都保持成构图。因为数值是固定的，替换只改样子，不改节奏。
动效与交互
用肌理代替平涂
颗粒叠层压在白色 #FFFFFF之上，让大片平涂不至于读成纯色，又没有加渐变。肌理是静止的，所以它只增加表面质感，不增加动感。
时长写进了需求简报
动画预算小而明确：0.2s只用在状态变化上，不用在入场动画上。缓动和时长写在一起（0.2s），复刻时没法悄悄换成另一种手感。
AI 或 SaaS 产品能从这里得到什么
和模板化的首屏相比，差别在于少了什么：没有卡片栅格、没有轮播、也没有第二个行动号召，只有导航、标题、公告徽标、数据行、卡片栅格，按28px 间距、0.2s 的过渡定尺寸。 Kresna Footer 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
这个页脚怎么重排
流体字阶的代价是对具体尺寸的控制更少。换来的是展示字始终成比例，这也是22px 到 28px 的 clamp会写进需求简报的原因。宽度改变的是测量值，不是阅读路径。
把 Kresna Footer 当规格书读
几乎每个决定都是一个可以核对的数值：28px 间距、0.2s 的过渡、560px 断点。字体固定用 DM Sans，所以替换必须保持同样的比例。素材是 800x586 下的一张静帧。这个页脚里没有任何一处依赖默认值。
常见问题
复制 Kresna Footer 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 9,163 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Kresna Footer 有多少地方依赖一个自包含的 HTML 文件？
Kresna Footer 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
拿到 Kresna Footer 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 9,163 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
