关于这个模板
Luminex 留住了自己的决策链：生成这个首屏的需求简报有 162 个字符。配色是深蓝色 #010A12 打底、白色 #CFDDD8 给文字、蓝色 #143F62 承担强调色。交付形式是 React，收录于 800x600，所以画幅在任何一行代码写下去之前就已经定好。当这个首屏需要在新增任何板块之前先定下顺序时，就拿它来用。收录的提示词记录于 800x600，所以这一页引用的每个数值都能追回到它。这一页剩下的部分按板块、再按时序和数值把这个首屏拆开，不加任何简报里没有的说法。下面引用的每一项都是那份简报里的数值，从 800x600 的画幅一直到最小的间距档。需求简报钉住的一切（画幅、字号、时长、断点）下面都写出来了，所以你可以照着复刻这个首屏，不用猜它背后的意图。
适合谁
- 给正在做AI 或 SaaS 产品首屏、背后还没有设计系统的独立创始人用。
- 同时跑好几个项目的工作室负责人，会把这一版首屏当作其他页面照抄的样板。
- 给要改写一版首屏、标题长度又得和Luminex一样的内容负责人用。
包含哪些内容
- 链接只在一个断点收起. 字标、链接和 #143F62 操作共用一条基线，细导航条才不会被看成随手排的。链接比字标小一档，#143F62 操作是导航条上唯一有分量的元素。字标占的位置不超过它那行字需要的宽度。
- 构图即内容. 首屏的排法是让文案先落地：层级由字体承担，800x600 的画幅撑住构图，其余数值保持安静。页面在 800x600 下就是一套完整构图，所以文案变了它依然立得住。
- 饱和度只花在一处. 配色就是一个底色加一个信号（深蓝色 #010A12 和蓝色 #143F62），第二个颜色专留给操作。#143F62 与深蓝色 #010A12 之间的对比，是强调色在小面积上仍然可读的原因。
- 导航不带底色. 字标、链接和 #143F62 操作共用一条基线，细导航条才不会被看成随手排的。链接比字标小一档，#143F62 操作是导航条上唯一有分量的元素。这条导航只有几个元素，不用组件库也能重建。
动效与交互
几乎没有动效
这里没有滚动库：800x600 的构图保持不动，只有会回应你的元素在动。需求简报里没有动画库，复刻的工作量因此很小。
有意做成静止
这里没有滚动库：800x600 的构图保持不动，只有会回应你的元素在动。需求简报里没有动画库，复刻的工作量因此很小。静止是一个成立的选择。
Luminex 怎么安排第一次阅读的顺序
这份需求简报有 162 个字符，把阅读顺序明写出来：导航，中间用800x600 画幅隔开。 SaaS读者先看到主张，再看到选项。
这个首屏怎么重排
这个首屏先按 800x600 构图，再为窄屏重排一次。字阶是流体的，而不是阶梯式的，所以手机版是一个决定，而不是把宽屏挤小。控件大到能点，文案在任何宽度下都保持同样的阅读顺序。
把这个首屏变成你自己的
要把这个首屏变成自己的，不必重建。换掉标题和素材，保住字阶（800x600 画幅），版式读起来还是原来设计的样子。换一个品牌，整套画幅都能接着用。
常见问题
在客户项目里该怎么处理 Luminex 的素材？
这份参考收录自 motionsites.ai，素材归他们所有。用你自己的文案、图像和配色重建构图，任何取自该站的元素在上线前都要先核对来源站条款。
Luminex 背后的提示词到底有多长？
简报是从页面上收录下来的，共 162 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Luminex 有多少地方依赖 React？
不需要。需求简报是规格说明，不是依赖清单。它当初是按 React 写的，但同一套构图用你手头现有的工具都能重建。标注技术栈只是让你知道这份参考是怎么做出来的。
