LTX Video AI 与 SaaS落地页设计｜版式拆解与提示词

关于这个模板

在动手为AI 或 SaaS 产品重建落地页之前，先读 LTX Video：构图和它背后的规格书都在这里。“The world model” 就是整套版式要承载的那一行。颜色只用了灰调红色 #FFD7E6 打底、深蓝色 #0B1A26 给文字、青绿色 #7FE3FF 承担强调色，正文排的是 Manrope。交付形式是一个自包含的 HTML 文件，收录于 1920x1400，所以画幅在任何一行代码写下去之前就已经定好。动效只限于420ms 的过渡、cubic-bezier(0.22, 1, 0.36, 1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 21,298 字符的简报。收录的提示词记录于 1920x1400，所以这一页引用的每个数值都能追回到它。

适合谁

要给这次构建估工时的产品经理，会把一个自包含的 HTML 文件读成工作范围。
如果这份参考只是个起点，设计师可以留着 700px 断点，把落地页其余部分重建。
这一版落地页服务的是需要一屏证据、证明SaaS的文案能扛住 7.8s 的循环视频的创始人。

包含哪些内容

链接在前，操作在后. 字标、链接和 #7FE3FF 操作共用一条基线，细导航条才不会被看成随手排的。标签短到能在 700px 下一行放下，当前项用字重标出，而不是加一个胶囊底。
视频是背景，不是一块面板. 氛围交给一段 1920x1400 的 7.8s 片段；需求简报定死了它的裁切方式，文字则原样叠在上面。自动播放不可用时，1920x1400 的封面帧撑住构图，版式不会塌。
两套字，各有各的活. 字体是 Manrope，用在字阶最高一档；支撑文案掉得远低于它，层级因此不用靠颜色就读得出来。字号越大字距收得越紧，标题行在 18–23px 范围内才能保持完整。展示行留到最后再排。
量出来的，不是估的. 尺寸是收录时就在需求简报里写下的（字号从 18px 到 23px、100vh 高的板块、5 栏栅格、48px 间距），重建因此可以逐项核对，而不是大约像。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。

动效与交互

动效可以关掉

需求简报里带了 prefers-reduced-motion 分支，所以入场动画和循环视频可以关掉，布局不会丢。把这段分支直接抄进你的实现。减少动态效果下交互反馈照常工作，只去掉入场动画。关掉动效测一遍页面。这份参考在 1920x1400 下收录。

不靠滚动库的环境动效

整个环境层就是一段 7.8s 的片段：它在文案后面播放，循环看不出接缝，也从不响应指针。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。

这个落地页背后的顺序

请按顺序读这一页：导航、数据行、功能列表、倒计时、背景片段。这里的每一个元素在版面上都只负责一件事，青绿色 #7FE3FF强调色只花在读者本该去按的那一个元素上，其余任何一个地方都不会分给它一点。 SaaS读者先看到主张，再看到选项。

这个落地页做对了什么

它对AI 或 SaaS 产品有效，是因为它从不要求读者自己去拼信息。“The world model”从第一帧起就在做这件事。版式、字体和颜色都已经定好（灰调红色 #FFD7E6 和青绿色 #7FE3FF，用 Manrope），所以第一屏读起来是一个完整的论点，而不是一堆零件。它给SaaS读者的是一条通向主张的最短诚实路径。