关于这个模板
Quantum Lucid 展示了为AI 或 SaaS 产品做落地页的一种做法，并把生成它的说明一起公开。配色是中性 #F2F2F2 打底、近黑 #000000 给文字、深调 #38C6EC 承担强调色，字体用 Figtree。交付形式是一个自包含的 HTML 文件，收录于 1920x1412，所以画幅在任何一行代码写下去之前就已经定好。动作被收进1200ms 的过渡、cubic-bezier(.22, 1.36, 1)、一段循环视频打底里。写作时让它开着：能迁移到你页面上的，是那份 20,249 字符的简报。收录的提示词记录于 1920x1412，所以这一页引用的每个数值都能追回到它。
适合谁
- 正在写构建需求、想拿 cubic-bezier(.22, 1.36, 1) 缓动曲线作为讨论依据的工作室团队。
- 如果这个落地页有三个人要改，就给内容负责人 100vh 高的板块、26px 圆角，而不是一张截图。
- 这一版落地页服务的是需要一屏证据、证明SaaS的文案能扛住 6.7s 的循环视频的创始人。
包含哪些内容
- 导航收在一行. 链接在同一行、同一个字号上排开，#38C6EC 操作收在行尾右侧，视线正好在导航结束的地方停下。216px 以下链接直接收起，而不是折到第二行。
- 要片段，不要插画. 首屏就是一段 1920x1412 的视频，其余一切都排在它上面。自动播放不可用时，1920x1412 的封面帧撑住构图，版式不会塌。
- 一套字一个职责. 展示行用 Figtree 排，字号由需求简报定死，标题因此是构图元素，而不是一段文字。界面文字始终用同一套字，同一字号下不会混进第二种声音。
- 能逐项核对的数值. 版式是对着一组固定值（100vh 高的板块、26px 圆角、14px 间距、1200ms 的过渡）解出来的，首屏在任何宽度下因此都保持成构图。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
动效与交互
控件共用一个时长
控件在 1200ms 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。时长够短，页面才像是被设计过的；换成一个慢的默认值，整套构图就散了。
动效只落在文案上
入场动效只花在一个元素上（每一行从裁切窗口里升起），这才让信息量大的首屏不显得拥挤。实现上是几个过渡，没有引入动画库。这份参考在 1920x1412 下收录。
这个落地页在论证什么
Quantum Lucid 是面向AI 或 SaaS 产品的落地页参考，回应的正是这类受众真正遇到的问题。配色保持克制（中性 #F2F2F2 和深调 #38C6EC），字体用 Figtree，所以构图里没有任何东西依赖借来的潮流。要给别人写构建需求时，这部分最值得抄：一个用主标题字号说出的承诺，支撑细节全部压在它下面。它给SaaS读者的是一条通向主张的最短诚实路径。
这个落地页背后的顺序
一屏、一个行动，中间是导航、标题、公告徽标、数据行、卡片栅格。需求简报把这个顺序钉死，而不是把首屏交给一摞板块自己决定。 SaaS读者先看到主张，再看到选项。这份参考在 1920x1412 下收录。
把这个落地页变成你自己的
如果你的品牌配色更重，先对着画幅测一轮再定。撑住页面的是中性 #F2F2F2，所以更暗的强调色需要比参考更高的对比。可复用的是构图，换一个品牌它照样成立。
常见问题
重建 Quantum Lucid 必须用一个自包含的 HTML 文件吗？
Quantum Lucid 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Quantum Lucid 背后那份需求简报里到底有什么？
简报是从页面上收录下来的，共 20,249 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Quantum Lucid 里有多少东西是动的？
动效和版式写得一样细：状态切换落在 1200ms 区间内使用 cubic-bezier(.22, 1.36, 1)。先复刻构图、再对时长，因为版式立住之后时长更好对。
