关于这个模板
Quantum Core 用一份收录下来的需求简报，解决了面向AI 或 SaaS 产品做落地页时的问题。“Talk with the team” 就是整套版式要承载的那一行。配色控制在深蓝色 #080A19 打底、白色 #E9E9E9 给文字之内，字体用 Suisse Intl。交付形式是 React 和 Tailwind CSS，收录于 1920x1420，所以画幅在任何一行代码写下去之前就已经定好。动效是700ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底，克制到文案依然是主角。写作时让它开着：能迁移到你页面上的，是那份 27,320 字符的简报。
适合谁
- 如果这个落地页有三个人要改，就给内容负责人字号从 12px 到 72px、20px 间距，而不是一张截图。
- 这一版落地页服务的是需要一屏证据、证明SaaS的文案能扛住 6.8s 的循环视频的创始人。
- 给要改写一版落地页、标题长度又得和Quantum Core一样的内容负责人用。
包含哪些内容
- 链接只在一个断点收起. 一短行链接加一个操作压在落地页上，尺寸按字号从 12px 到 72px、20px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1920x1420 的构图上，自己没有底色，素材因此从它下面通到两边。
- 要栅格，不要长段落. 栅格替你把阅读顺序排好了：每块面板分量相同、各讲一个观点，用 Suisse Intl 的小字号排，结构始终看得见。面板之间靠间距分开，而不是靠边框，栅格因此保持安静。
- 间距档位是写明的. 这份清单很短（字号从 12px 到 72px、20px 间距、700ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线），整套系统因此能靠手一个个核过去。清单里最小和最大的两个值，划定了这套构图的取值范围。
- 一个素材元素承担整体情绪. 一段静音循环视频按 1920x1420、6.8s 铺满画幅，以 cover 裁切，文案叠在它上面。需求简报不允许在视频上压叠加层，所以画面不会被压灰。按 1920x1420 或更宽的尺寸导出，cover 裁切就继续成立。
动效与交互
动效只落在文案上
动效只集中在一种行为上（各个板块进入视口时依次揭示），页面因此不会读成一整套特效合集。把这段手法去掉，内容还在，版式也不会挪位。这份参考在 1920x1420 下收录。
不靠滚动库的环境动效
背景片段在 1920x1420 下以 6.8s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。页面上没有别的东西持续动，所以只有素材在争取注意力。
在 Quantum Core 里先改什么
假设你只有一个下午。换掉标题和行动按钮的标签，别动字号从 12px 到 72px、20px 间距，你也能得到一个看起来是刻意做过的页面。保住素材的裁切；它和字体承担的工作一样多。
这个落地页背后的数字
如果你要把这页交给开发者，有用的交付物是那份需求简报。它写明字号从 12px 到 72px、20px 间距、700ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线，不留任何需要你们两个人各自解读的地方。这个落地页里没有任何一处依赖默认值。
对AI 与 SaaS来说成立的地方
这一页只有一个承诺，字号从 12px 到 72px、20px 间距把它固定在原处。“Talk with the team”从第一帧起就在做这件事。折叠线以下的东西都不用再承担一次主张。它给SaaS读者的是一条通向主张的最短诚实路径。
常见问题
Quantum Core 背后那份需求简报里到底有什么？
简报是从页面上收录下来的，共 27,320 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能用别的技术栈重建 Quantum Core 的落地页吗？
Quantum Core 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Quantum Core 的动效是由什么驱动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 700ms 这个区间内缓动是 cubic-bezier(0.16, 1, 0.3, 1)。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
