关于这个模板
把 Lumina 当作页脚规格书来读：这些数值在页面动手之前就先写下来了。标题是“Lumina provides premium clarity on global events and cosmic wonders - shared with all for free”，页脚其余部分都围着它排。配色控制在蓝色 #2F4458 打底、灰色 #CFC2B7 给文字之内，字体用 Helvetica。交付形式是 React 和 Tailwind CSS，所以整个页脚可以直接搬进项目，不需要设计交接。把它当作面向教育或社区品牌做页脚的需求简报：它要经得起复刻，而不只是第一眼好看。收录的提示词记录于 800x585，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 800x585 的画幅一直到最小的间距档。
适合谁
- 这个页脚回答的是想知道 115vh 高的板块、10px 间距在布局里到底管哪一块的构建者。
- 给需要把页脚的范围收进一个迭代、并且不新增任何素材的产品经理用。
- 自己写页脚文案的产品团队，需要每一行都守住展示级字号当初按长度定下的上限。
包含哪些内容
- 尺寸钉在需求简报里. 尺寸是对着 800x585 的渲染量出来的：115vh 高的板块、10px 间距。落回这些数值的重建不用再调就长得像参考。
- 气质由字体承担. 这里字体就是那套样式系统：Helvetica 撑展示字号，整个界面共用同一套字，不需要第二个强调色来帮忙。数字和界面共用同一套字，统计数据与标签因此属于同一套系统。
- 证据放在折叠线之上. 这一行放在页脚的高处，当证据用，而不是当装饰。标签同一个字号，某个标签更长也不会改变这一行的高度。这份参考在 800x585 下收录。
- 要分栏，不要堆链接. 链接按列分组，字标单独占一块，再长的页脚也读得下去，而不是变成一串清单。各列对齐到与上方页面相同的栅格，页脚才像是同一套设计。把链接分组，不要一股脑倒出来。这份参考在 800x585 下收录。
动效与交互
反馈只出现在控件上
反馈只落在悬停态只给按钮和链接，而不是每张卡片上，这才让信息密集的首屏不显得拥挤。可交互目标大到能点，指针处理在这些目标上保持一致。这份参考在 800x585 下收录。
几乎没有动效
这一份交付的是 800x585 下的静态构图，所以层级必须不靠动效也成立，它确实成立。构图保持不动，所以页面得靠层级撑住，而它撑住了。
这个页脚背后的数字
几乎每个决定都是一个可以核对的数值：115vh 高的板块、10px 间距。字体固定用 Helvetica，所以替换必须保持同样的比例。素材是 800x585 下的一张静帧。这个页脚里没有任何一处依赖默认值。
这个页脚背后的顺序
如果你的页面现在以功能开头，就该照这个顺序改：数据行、背景片段、页脚放前面，支撑细节跟在后面，115vh 高的板块、10px 间距定下两者的距离。教育读者先看到主张，再看到选项。
教育或社区品牌能从这里得到什么
克制让你在折叠线以上失去了放证据的空间。这份简报接受这个代价，把首屏全部花在主张上，并固定住115vh 高的板块、10px 间距，这样以后在下面加一个证据板块也不用返工。它给教育读者的是一条通向主张的最短诚实路径。
常见问题
这条 Lumina 条目是怎么组织的？
页面上引用的内容全部出自收录的 5,113 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
复制 Lumina 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 800x585 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Lumina 有多少地方依赖 React 和 Tailwind CSS？
Lumina 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
