关于这个模板
Veyra Electric 用一份收录下来的需求简报，解决了面向工业企业做落地页时的问题。配色控制在灰调蓝色 #6B879D 打底、白色 #FFFFFF 给文字之内，字体用 Space Grotesk。交付就是 React、Vite：一个页面，没有插件，你和设计之间不隔任何构建工具链。动效预算就是一段循环视频打底。借结构，不借题材：这个落地页和它那组数字可以原样搬到你的品牌上。需求简报钉住的一切（画幅、字号、时长、断点）下面都写出来了，所以你可以照着复刻这个落地页，不用猜它背后的意图。这一页剩下的部分按板块、再按时序和数值把这个落地页拆开，不加任何简报里没有的说法。下面引用的每一项都是那份简报里的数值，从 1920x1412 的画幅一直到最小的间距档。
适合谁
- 给按轮次结算、想在第一次修改前就谈定 12px 间距的代理公司用。
- 这一版落地页服务的是需要一屏证据、证明工业的文案能扛住 6.3s 的循环视频的创始人。
- 自己写落地页文案的产品团队，需要每一行都守住展示级字号当初按长度定下的上限。
包含哪些内容
- 导航条上不留多余. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。导航条悬在 1920x1412 的构图上，自己没有底色，素材因此从它下面通到两边。你自己的页面板块更多时，把它们归组，而不是把导航条拉宽。
- 尺寸钉在需求简报里. 版式是对着一组固定值（12px 间距）解出来的，首屏在任何宽度下因此都保持成构图。因为数值是固定的，替换只改样子，不改节奏。
- 样式交给字体. 由 Space Grotesk 一个字体挑大梁：从标题到支撑句字号断得很干脆，字号越大字距收得越紧，层级因此由字体承担，而不是靠颜色。字距按字号分别设定，展示行和注释不共用同一个字距值。就算换字体，也保留这些字号档位。
- 导航收在一行. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。导航条悬在 1920x1412 的构图上，自己没有底色，素材因此从它下面通到两边。加第六条链接之前，先把收起状态设计好。
动效与交互
纵深由渲染给出
在 1920x1412 画幅上做视觉的是一块 WebGL 画布，文字排在它上方或旁边。场景会回应视口，而不是作为一张图片待在后面。
悬停只给该有反馈的地方
页面只在能被操作的地方给出回应：悬停态只给按钮和链接，而不是每张卡片，除此之外什么都不动。反馈只限在控件上，所以控件周围的构图保持静止。悬停时不要给版式加动画。这份参考在 1920x1412 下收录。
这个落地页背后的数字
固定尺度的代价是即兴空间更小。12px 间距让构图保持连贯，但新元素必须被装进去，而不是随手摆上去。这个落地页里没有任何一处依赖默认值。
这个落地页背后的顺序
你把这些板块打乱，页面照样能打开，但它不再读起来像一个论点：导航、数据行、表单、倒计时、背景片段是一条序列，12px 间距也只在这个顺序里成立。工业读者先看到主张，再看到选项。
这套构图为什么适合工业
代价是信息密度：这个落地页在首屏上说得比功能导向的版式更少。换来的是阅读顺序，导航、数据行、表单、倒计时、背景片段做完了更长页面才会摊开做的事。 Veyra Electric 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。这份参考在 1920x1412 下收录。
常见问题
这条 Veyra Electric 条目是怎么组织的？
页面上引用的内容全部出自收录的 12,080 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Veyra Electric 背后的提示词到底有多长？
它是构建简报，不是感觉描述：写明 1920x1412 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Veyra Electric 有多少地方依赖 React、Vite？
不需要。需求简报是规格说明，不是依赖清单。它当初是按 React、Vite 写的，但同一套构图用你手头现有的工具都能重建。标注技术栈只是让你知道这份参考是怎么做出来的。
