关于这个模板
在动手为创意机构或工作室重建落地页之前，先读 Sparkform：构图和它背后的规格书都在这里。配色是亮橙色 #EC612C 打底、白色 #FFFFFF 给文字、青绿色 #89CFF0 承担强调色，字体用 Inter。实现用的是 React 和 Tailwind CSS；里面的每个尺寸都写了下来，这正是它可复用的原因。这个页面的动效控制在0.05s 的过渡、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 6,724 字符的简报。
适合谁
- 先把 1460x1080 的画幅和 120vh 高的板块、12px 间距从这版落地页里拿走，再考虑别的。
- 这一版落地页服务的是需要一屏证据、证明创意机构的文案能扛住 7.6s 的循环视频的创始人。
- 给要改写一版落地页、标题长度又得和Sparkform一样的内容负责人用。
包含哪些内容
- 导航不带底色. 字标、链接和 #89CFF0 操作共用一条基线，细导航条才不会被看成随手排的。链接比字标小一档，#89CFF0 操作是导航条上唯一有分量的元素。一条导航只放一个操作。
- 数值一路带进构建. 尺寸是对着 1460x1080 的渲染量出来的：120vh 高的板块、12px 间距、0.05s 的过渡。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 一套字，克制着用. 字体是按职责分配的，不是混着用：Inter 同时承担展示文字和界面文字。只要字号和字重留在需求简报放的位置，换字体就是安全的。
- 封面帧也算数. 需求简报把视频定在 1460x1080、循环 7.6s，每个文字元素都是对着这个画幅摆的。循环短到 7.6s，眼睛会把它读成肌理，而不是一条时间轴。
动效与交互
是循环，不是时间轴
背景片段在 1460x1080 下以 7.6s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。页面上没有别的东西持续动，所以只有素材在争取注意力。
反馈只出现在控件上
指针上的处理很少，而且写明了：内容在下方移动时保持原位的吸顶元素，只加在那些看起来就能点的元素上。反馈只限在控件上，所以控件周围的构图保持静止。这份参考在 1460x1080 下收录。
把这个落地页变成你自己的
直接替换是有上限的：如果你的产品需要另一套层级，120vh 高的板块、12px 间距会跟你作对。这种情况先改顺序，再改数值。新文案仍按同样的展示字号排，并且在加任何东西之前先重新对一遍对比度。
这个落地页背后的顺序
注意力是被引导的，不是碰运气。顺序依次是导航、数据行、功能列表，每一站都按120vh 高的板块、12px 间距定尺寸，所以不会有东西乱序出现。创意机构读者先看到主张，再看到选项。
创意机构或工作室能从这里得到什么
当你给一个创意机构落地页写需求时，最难的是决定首屏拒绝说什么。 Sparkform 提前回答了这件事：一行展示字，后面跟着导航、数据行、功能列表。 Sparkform 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 1460x1080 下收录。
常见问题
复制 Sparkform 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 6,724 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Sparkform 必须用 React 和 Tailwind CSS 吗？
Sparkform 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Sparkform 的动效是由什么驱动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 0.05s 这个区间内。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
