关于这个模板
Synth Mode 留住了自己的决策链：生成这个落地页的需求简报有 10,533 个字符。“LGPSM — Future Forward Fashion” 就是整套版式要承载的那一行。配色是白色 #EBEBED 打底、灰调蓝色 #64748B 承担强调色，字体用 Plus Jakarta Sans。交付形式是 React 和 Tailwind CSS，收录于 1920x1396，所以画幅在任何一行代码写下去之前就已经定好。动效归结起来就是3s 的过渡、一段循环视频打底。把它当作面向电商品牌做落地页的需求简报：它要经得起复刻，而不只是第一眼好看。下面引用的每一项都是那份简报里的数值，从 1920x1396 的画幅一直到最小的间距档。收录的提示词记录于 1920x1396，所以这一页引用的每个数值都能追回到它。
适合谁
- 给要改写一版落地页、标题长度又得和Synth Mode一样的内容负责人用。
- 会接手 Figma 文件的前端开发者，会用 #EBEBED 和 #64748B 检查配色有没有在交接里走样。
- 把这版落地页交给客户的工作室，需要在品牌皮肤换上去之前核对 #64748B 与 #EBEBED 的关系。
包含哪些内容
- 导航不带底色. 导航条是整套构图里最安静的部分：字标、一短行链接和一个 #64748B 操作，全部压在需求简报最小的字阶上。链接比字标小一档，#64748B 操作是导航条上唯一有分量的元素。
- 对着视口量出来的. 需求简报钉死 3s 的过渡，其余交给摆放，这正好和一套会自己长大的比例相反。落回这些数值的重建不用再调就长得像参考。
- 一段片段承担全部. 1920x1396 的画幅由一段循环填满，它在文案后面播放，不要任何控件。自动播放不可用时，1920x1396 的封面帧撑住构图，版式不会塌。
- 中段交给面板. 栅格就是结构：面板同样大小，用 Plus Jakarta Sans 排，排得让视线横向移动，而不是向下。栅格塌成单列时，面板顺序不变。面板小标题对齐页面的字阶。
动效与交互
悬停只给该有反馈的地方
反馈只限在悬停态只给按钮和链接，而不是每张卡片上，版式其余部分是一套固定的构图。状态在需求简报里就写明了，页面不依赖任何悬停特效库。状态宁少，但要写全。这份参考在 1920x1396 下收录。
不靠滚动库的环境动效
背景片段在 1920x1396 下以 7.3s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。片段短到能循环而不露接缝，这比它的分辨率更重要。拍摄或导出按 1920x1396 或更宽的尺寸。
Synth Mode 怎么安排第一次阅读的顺序
页面直接把这句话说出来了：“LGPSM — Future Forward Fashion”。注意力是被引导的，而不是散开的：视线先落在主标题那一行，然后是支撑文案，最后是行动。需要社会证明时，它是一条长条或一行，而不是一整面客户评价墙。这个顺序就是设计本身。电商读者先看到主张，再看到选项。
把 Synth Mode 当规格书读
这个落地页是量出来的，不是看出来的。3s 的过渡来自需求简报，版式是照这些档位排的，而不是一点点挪到位的。这个落地页里没有任何一处依赖默认值。
这个落地页背后的时序
短小的动效预算让你在第一帧上失去戏剧性。换来的是可读性，也意味着3s 的过渡、7.3s 的循环视频、视差层不用任何动画库就能移植。这个落地页里没有为动而动的动画。
常见问题
Synth Mode 背后的提示词到底有多长？
它是构建简报，不是感觉描述：写明 1920x1396 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Synth Mode 的落地页吗？
Synth Mode 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Synth Mode 能用在客户项目里吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1396 下收录。
