关于这个模板
Lumina 是面向创意机构或工作室的首屏参考，它背后的需求简报是一份完整的构建规格书，而不是情绪板。配色是红色 #EC4899 打底、亮蓝色 #3B82F6 承担强调色。这份参考用单个组件构建，但版式上的决定都独立于它写清楚了。这个页面的动效控制在一段循环视频打底。对于需要在第一屏就显得刻意的创意机构或工作室首屏，它是一份合适的参考。收录的提示词记录于 2056x1478，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 2056x1478 的画幅一直到最小的间距档。
适合谁
- 需要先看数字的设计师：70px 间距，全部引自需求简报。
- 写你自己的标题，然后用单个组件在测量值不变的前提下重建这版首屏。
- 先把 2056x1478 的画幅和 70px 间距从这版首屏里拿走，再考虑别的。
包含哪些内容
- 一条会主动让开的导航. 这一行的对比只花在一个地方：#3B82F6 操作；字标和链接都退回正文色。链接比字标小一档，#3B82F6 操作是导航条上唯一有分量的元素。
- 尺寸写在需求简报里，不在一套比例里. 需求简报把数值点了名：70px 间距。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 一个素材元素承担整体情绪. 素材干的是氛围的活，不是叙事：一段 2056x1478 下的 6s 循环，垫在所有东西后面。按 2056x1478 或更宽的尺寸导出，cover 裁切就继续成立。
- 没有一样是继承来的. 需求简报把数值点了名：70px 间距。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。先量，再调。
动效与交互
有悬停态，但要克制
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。页面不会弹出模态框，也不劫持滚动；交互始终限制在元素本身。在触屏设备上把这些状态过一遍。这份参考在 2056x1478 下收录。
不靠滚动库的环境动效
环境动感是一段 2056x1478 下的 6s 片段，在文案后面安静循环，不响应指针。片段静音且行内播放，所以第一帧不需要任何交互就能看到。
这个首屏背后的数字
截图告诉你页面长什么样，需求简报告诉你为什么。70px 间距把这两者之间的差补上。这个首屏里没有任何一处依赖默认值。
这个首屏背后的时序
动效压到这么小，页面就得靠字体和画幅撑。就算把悬停态与按下态、6s 的循环视频、循环跑马灯全部去掉，构图依然立得住。这个首屏里没有为动而动的动画。
把这个首屏变成你自己的
把它和从空白页开始比：这里画幅（2056x1478）和70px 间距都已经定好，所以你要做的是替换，而不是构图。该换掉的是题材。
常见问题
重建 Lumina 必须用单个组件吗？
不需要。需求简报是规格说明，不是依赖清单。它当初是按单个组件写的，但同一套构图用你手头现有的工具都能重建。标注技术栈只是让你知道这份参考是怎么做出来的。
拿到 Lumina 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 2,677 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Lumina 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 2056x1478 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
