关于这个模板
这是 Adventra 的首屏，连同生成它的那份需求简报一起发布，而不是只给一张截图。它以“Home, Our Story, FAQ, Policies”开场，给这句话整个版心，而不是把它缩进一张卡片里。配色控制在黑色 #303230 打底、灰色 #CAC7BD 给文字之内，字体用 Inter。实现用的是一个自包含的 HTML 文件；里面的每个尺寸都写了下来，这正是它可复用的原因。动效归结起来就是一段循环视频打底。当你要做面向创意机构或工作室的首屏、想要一个成品构图而不是一个起点时，就拿它当参照。收录的提示词记录于 1856x1398，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1856x1398 的画幅一直到最小的间距档。
适合谁
- 正在写构建需求、想拿一个自包含的 HTML 文件作为讨论依据的工作室团队。
- 得按常规流程交付这类页面的前端开发者，会把一个自包含的 HTML 文件的结构当作参考实现。
- 给加入一个已经在用一个自包含的 HTML 文件的现成项目、只需要把文案换掉的设计师用。
包含哪些内容
- 一条会主动让开的导航. 字标占住左边缘，链接从它右边排开，全部用 Inter 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 1856x1398 的构图上，自己没有底色，素材因此从它下面通到两边。一条导航只放一个操作。
- 间距档位是写明的. 需求简报把数值点了名：固定 60px 的标题字号、100vh 高的板块、16px 间距。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 链接在前，操作在后. 字标占住左边缘，链接从它右边排开，全部用 Inter 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 1856x1398 的构图上，自己没有底色，素材因此从它下面通到两边。字标占的位置不超过它那行字需要的宽度。
- 需求简报点了名. 需求简报把数值点了名：固定 60px 的标题字号、100vh 高的板块、16px 间距。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。先量，再调。
动效与交互
只有一个元素入场
入场负责让页面“到达”，跑完之后构图不再变化：标题逐词出现。结束时的状态就是一张静帧该有的构图，所以没有东西依赖动画跑完。这份参考在 1856x1398 下收录。
不靠滚动库的环境动效
环境动感来自 1856x1398 的 7s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。页面上没有别的东西持续动，所以只有素材在争取注意力。
这个首屏背后的时序
套一个预设动画包上线会更快。需求简报偏偏写明了逐词出现的标题、7s 的循环视频、悬停态与按下态，页面因此读起来是被写出来的，而不是被摆出来的。这个首屏里没有为动而动的动画。
把这个首屏变成你自己的
要把这个首屏变成自己的，不必重建。换掉标题和素材，保住字阶（固定 60px 的标题字号、100vh 高的板块），版式读起来还是原来设计的样子。该换掉的是题材。
这个首屏背后的顺序
你把这些板块打乱，页面照样能打开，但它不再读起来像一个论点：导航、背景片段是一条序列，固定 60px 的标题字号、100vh 高的板块也只在这个顺序里成立。创意机构读者先看到主张，再看到选项。
常见问题
Adventra 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 3,134 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Adventra 必须用一个自包含的 HTML 文件吗？
Adventra 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Adventra 的简报和我自己写的提示词是一回事吗？
页面上引用的内容全部出自收录的 3,134 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
