关于这个模板
Data Signal 收录于 1482x1080，保留的是一份规格书，而不是一张画廊图片。页面自己的标题是“Abstract red and blue smoke”，整个构图就是围绕这串字搭的。整套配色是深青绿色 #050606 打底、白色 #EDEDED 给文字，页面字体是 Inter。交付形式是一个自包含的 HTML 文件，收录于 1482x1080，所以画幅在任何一行代码写下去之前就已经定好。动效只限于520ms 的过渡、cubic-bezier(.16,1.3,1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 12,007 字符的简报。
适合谁
- 把落地页的结构整段借过来，再逐行对着 cubic-bezier(.16,1.3,1) 缓动曲线换文案。
- 给必须在不做原型的前提下向客户解释 619px 表现的工作室用。
- 这一版落地页服务的是需要一屏证据、证明SaaS的文案能扛住 5.9s 的循环视频的创始人。
包含哪些内容
- 导航收在一行. 导航只有一行，下面没有二级。在 619px 以下，链接收进一个全屏浮层。标签短到能在 619px 下一行放下，当前项用字重标出，而不是加一个胶囊底。加底色之前，先把自己的素材垫在导航条下面测一遍。
- 视频是背景，不是一块面板. 背景就是一段 1482x1080 的 5.9s 循环，按 cover 裁切、不加任何色罩。其余一切都浮在它上面的一层。自动播放不可用时，1482x1080 的封面帧撑住构图，版式不会塌。
- 折叠线之上的徽标. 一枚徽标只说一件事：胶囊用 Inter 的最小字阶待在标题上方，没有别的元素来争这个位置。它的位置让标题继续占住构图的正中。一枚徽标，一条信息。
- 顶栏：字标、链接、一个操作. 导航只有一行，下面没有二级。在 619px 以下，链接收进一个全屏浮层。标签短到能在 619px 下一行放下，当前项用字重标出，而不是加一个胶囊底。一条导航只放一个操作。
动效与交互
是循环，不是时间轴
环境动感是一段 1482x1080 下的 5.9s 片段，在文案后面安静循环，不响应指针。因为是静音的，循环可以在文案下面跑，不抢声音，也不抢注意力。
交互限制在局部
交互层很小，也很好预期：悬停态只给按钮和链接，而不是每张卡片。其他部分都不动，重心因此留在构图上。交互状态不会推动版式，指针底下不会有东西跳。这份参考在 1482x1080 下收录。
在 Data Signal 里先改什么
先改文案，别先改颜色。把“Abstract red and blue smoke”重写成一句说你自己产品的话，再用 Inter 按需求简报里的字号排。画幅和字阶都保留，该换的是题材。
AI 或 SaaS 产品能从这里得到什么
数一数这个落地页里的决定，它们都能追回到同一份文件：12,007 个字符，写明了 1482x1080 的画幅、字体和节奏。 Data Signal 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
Data Signal 里什么在动
代价是：这里没有任何东西的动画值得你回头看第二眼。值得看的是阅读顺序，520ms 的过渡、5.9s 的循环视频、悬停态与按下态只用来确认状态，不做装饰。这个落地页里没有为动而动的动画。
常见问题
能用别的技术栈重建 Data Signal 的落地页吗？
Data Signal 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Data Signal 背后那份需求简报里到底有什么？
简报是从页面上收录下来的，共 12,007 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能保留 Data Signal 的过渡、只改时长吗？
动效和版式写得一样细：状态切换落在 520ms 区间内使用 cubic-bezier(.16,1.3,1)。先复刻构图、再对时长，因为版式立住之后时长更好对。
