关于这个模板
Neurolink Hero Section 是面向创意机构或工作室的一份可用参考：这套首屏已经排好、量好，可以直接照着复刻。标题是“Where Memories Live Forever”，首屏其余部分都围着它排。配色是深蓝色 #0D1017 打底、白色 #FFFFFF 给文字、亮橙色 #FFB733 承担强调色，字体用 Inter。这份参考用 vanilla JS 构建，但版式上的决定都独立于它写清楚了。这个页面的动效控制在一段循环视频打底。如果你要给别人提一版创意机构首屏的需求，就从这个构图起步，把题材换掉。下面引用的每一项都是那份简报里的数值，从 1526x1080 的画幅一直到最小的间距档。收录的提示词记录于 1526x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 先从 100vh 高的板块、16px 间距开始，让配色跟着走，因为这版首屏靠的就是间距。
- 这一版首屏服务的是需要一屏证据、证明创意机构的文案能扛住 3.9s 的循环视频的创始人。
- 用提示词给首屏提需求的人，会把这份 10,336 字符的提示词当作起点。
包含哪些内容
- 导航不带底色. 导航条上只有字标、板块链接和一个 #FFB733 按钮，尺寸按 100vh 高的板块、16px 间距定，永远不会长成第二个页头。链接比字标小一档，#FFB733 操作是导航条上唯一有分量的元素。
- 循环就是背景板. 首屏就是一段 1526x1080 的视频，其余一切都排在它上面。循环短到 3.9s，眼睛会把它读成肌理，而不是一条时间轴。
- 两套字，各有各的活. 字体是 Inter，用在字阶最高一档；支撑文案掉得远低于它，层级因此不用靠颜色就读得出来。换字体是可行的，但比例必须扛得住这次替换。
- 对着视口量出来的. 版式里没有一样交给感觉：需求简报写明了 100vh 高的板块、16px 间距，构建必须落回这些值。因为数值是固定的，替换只改样子，不改节奏。看着没道理的那些值，照留。
动效与交互
只有指针状态，没有别的
反馈只限在悬停态只给按钮和链接，而不是每张卡片上，版式其余部分是一套固定的构图。按下态和悬停态一样写明，轻点一下和点击得到的确认是一样的。交互层保持小。这份参考在 1526x1080 下收录。
环境动效交给循环
整个环境层就是一段 3.9s 的片段：它在文案后面播放，循环看不出接缝，也从不响应指针。自动播放被拦截时有首帧封面顶上，所以动效是加分项，而不是必需品。
这个首屏在论证什么
Neurolink Hero Section 是面向创意机构或工作室的首屏参考，回应的正是这类受众真正遇到的问题。页面直接把这句话说出来了：“Where Memories Live Forever”。配色保持克制（深蓝色 #0D1017 和亮橙色 #FFB733），字体用 Inter，所以构图里没有任何东西依赖借来的潮流。要给别人写构建需求时，这部分最值得抄：一个用主标题字号说出的承诺，支撑细节全部压在它下面。它给创意机构读者的是一条通向主张的最短诚实路径。
这个首屏怎么重排
流体字阶和阶梯式字阶在宽屏上看起来差不多。把视口收窄，差别就出来了：一边是10px 到 16px 的 clamp，一边是固定跳档。两种状态写在同一份需求简报里。
这个首屏背后的顺序
这类页面通常把行动按钮埋在一整片功能栅格下面。这一版把导航、标题、公告徽标、数据行、背景片段放成固定序列，行动点留在首屏里，而不是滚过三屏之后才出现。创意机构读者先看到主张，再看到选项。这份参考在 1526x1080 下收录。
常见问题
复制 Neurolink Hero Section 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 10,336 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Neurolink Hero Section 有多少地方依赖 vanilla JS？
这份参考恰好是用 vanilla JS 构建的，但版式里没有一处依赖这个选择：间距、字体和动效数值换到你正在用的工具里照样成立。
用 Neurolink Hero Section 重建的页面，可以不署名就上线吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1526x1080 下收录。
