关于这个模板
Tenlas Footer 收录于 1920x1556，保留的是一份规格书，而不是一张画廊图片。页面自己的标题是“Take control of your productivity today”，整个构图就是围绕这串字搭的。配色是黑色 #050505 打底、白色 #F5F5F2 给文字、亮黄色 #DBFF00 承担强调色，字体用 Inter。这一条会把生成页面的技术栈（Tailwind 和原生 JavaScript）写出来，而不是藏起来。动效预算就是50ms 的过渡、一段循环视频打底。把它当作面向AI 或 SaaS 产品做页脚的需求简报：它要经得起复刻，而不只是第一眼好看。下面引用的每一项都是那份简报里的数值，从 1920x1556 的画幅一直到最小的间距档。
适合谁
- 要给这次构建估工时的产品经理，会把 Tailwind 和原生 JavaScript 读成工作范围。
- 写你自己的标题，然后用 Tailwind 和原生 JavaScript 在测量值不变的前提下重建这版页脚。
- 这个页脚服务的是要把 Tailwind 和原生 JavaScript 的构建交给工程师、希望动效被写下来的设计师。
包含哪些内容
- 一条会主动让开的导航. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #DBFF00 操作，全部悬在页脚之上，自己没有底色。链接比字标小一档，#DBFF00 操作是导航条上唯一有分量的元素。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 对着视口量出来的. 尺寸是写明的，不是继承来的：字号从 14px 到 18px、50vh 高的板块、18px 间距、50ms 的过渡。换字体或换文案，这些关系依然成立。清单里最小和最大的两个值，划定了这套构图的取值范围。
- 循环就是背景板. 素材干的是氛围的活，不是叙事：一段 1920x1556 下的 8.8s 循环，垫在所有东西后面。循环短到 8.8s，眼睛会把它读成肌理，而不是一条时间轴。
- 链接在前，操作在后. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #DBFF00 操作，全部悬在页脚之上，自己没有底色。链接比字标小一档，#DBFF00 操作是导航条上唯一有分量的元素。把这一行控制在单行。
动效与交互
到达顺序才是关键
入场动效只花在一个元素上（各个板块进入视口时依次揭示），这才让信息量大的首屏不显得拥挤。入场在读者的视线落到支撑文案之前就已经结束。文案长度变了，入场依然成立，因为它是按行生效的。这份参考在 1920x1556 下收录。
短而写明的时长
控件在 50ms 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。同一组时长在控件之间复用，交互因此像一套系统。
把这个页脚变成你自己的
代价是辨识度。 Tenlas Footer 的东西留得太多，页面读起来就是别人的；保住数字、换掉内容，它就是你的。在碰颜色之前，先重写那行展示字。
Tenlas Footer 里什么在动
需求简报把每一次过渡都绑定在一个明确的数值上（50ms 的过渡、8.8s 的循环视频、滚动揭示），这套页面里没有哪个动作是随口定下的。正因为如此，它不会读起来像一个被随手套上动画预设的模板。这个页脚里没有为动而动的动画。
这个页脚背后的数字
情绪板会把尺度留开，这份需求简报把它收死：字号从 14px 到 18px、50vh 高的板块，周围的值都由这个决定推出来。这个页脚里没有任何一处依赖默认值。
常见问题
重建 Tenlas Footer 必须用 Tailwind 和原生 JavaScript 吗？
Tenlas Footer 是用 Tailwind 和原生 JavaScript 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
为什么 Tenlas Footer 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 6,053 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Tenlas Footer 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 1920x1556 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
