关于这个模板
Velora Hero Section 收录于 1500x1080，保留的是一份规格书，而不是一张画廊图片。它以“Rent Your Dream Luxury Car Today”开场，给这句话整个版心，而不是把它缩进一张卡片里。颜色只用了黑色 #0A0A0B 打底、白色 #FFFFFF 给文字，正文排的是 Archivo。这份参考用一个自包含的 HTML 文件构建，但版式上的决定都独立于它写清楚了。动效归结起来就是一段循环视频打底。如果你要给别人提一版旅行首屏的需求，就从这个构图起步，把题材换掉。收录的提示词记录于 1500x1080，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1500x1080 的画幅一直到最小的间距档。
适合谁
- 在交接说明里写上一个自包含的 HTML 文件，下一次构建就不必再从页面里倒推。
- 在前端用一个自包含的 HTML 文件复刻这一页的开发者，希望过渡是被写明的，而不是靠猜。
- 写你自己的标题，然后用一个自包含的 HTML 文件在测量值不变的前提下重建这版首屏。
包含哪些内容
- 一行到底，不做抽屉. 一短行链接加一个操作压在首屏上，尺寸按 100vh 高的板块、56px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1500x1080 的构图上，自己没有底色，素材因此从它下面通到两边。
- 证据放在折叠线之上. 数字用 Archivo 排，字号更靠近标题，而不是更靠近正文。数字和界面共用同一套字体，所以它们属于这个页面，而不是打断它。一个数字要靠一段话才说得清，那它就不是数据点。
- 没有一样是继承来的. 需求简报把数值点了名：100vh 高的板块、56px 间距。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。
- 封面帧也算数. 构图是压在 1500x1080 的片段之上搭起来的，不是摆在旁边，所以素材永远不会被塞进面板或加上边框。自动播放不可用时，1500x1080 的封面帧撑住构图，版式不会塌。按 1500x1080 或更宽的尺寸导出，裁切才不失真。
动效与交互
有悬停态，但要克制
交互只发生在各自的控件上（悬停态只给按钮和链接，而不是每张卡片），页面其他地方不会跟着动。反馈只限在控件上，所以控件周围的构图保持静止。这份参考在 1500x1080 下收录。
是循环，不是时间轴
背景片段在 1500x1080 下以 4.9s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。自动播放被拦截时有首帧封面顶上，所以动效是加分项，而不是必需品。
在 Velora Hero Section 里先改什么
先改文案和素材，再改颜色，最后才动版式。1500x1080 的画幅和 Archivo 的字阶是撑住整页的东西，所以要在它们周围做替换，而不是从它们中间穿过去。新加的元素如果不能帮助说清产品主张或下一步动作，就该挪到折叠线以下。
把 Velora Hero Section 当规格书读
具体数字会过时：适合 1500x1080 的值不一定适合你的画幅。需求简报还是写明了100vh 高的板块、56px 间距，因为写出来的值比没写出来的值好改。这个首屏里没有任何一处依赖默认值。
Velora Hero Section 怎么安排第一次阅读的顺序
注意力是被引导的，不是碰运气。页面直接把这句话说出来了：“Rent Your Dream Luxury Car Today”。顺序依次是导航、标题、数据行、背景片段，每一站都按100vh 高的板块、56px 间距定尺寸，所以不会有东西乱序出现。旅行读者先看到主张，再看到选项。
常见问题
Velora Hero Section 背后那份需求简报里到底有什么？
简报是从页面上收录下来的，共 3,216 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Velora Hero Section 必须用一个自包含的 HTML 文件吗？
这份参考恰好是用一个自包含的 HTML 文件构建的，但版式里没有一处依赖这个选择：间距、字体和动效数值换到你正在用的工具里照样成立。
拿到 Velora Hero Section 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 3,216 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
