关于这个模板
把 Neuralyn 当作首屏规格书来读：这些数值在页面动手之前就先写下来了。页面自己的标题是“One Clear Overview”，整个构图就是围绕这串字搭的。颜色只用了黑色 #000000 打底，正文排的是 Inter。交付形式是 React 和 Tailwind CSS，收录于 800x590，所以画幅在任何一行代码写下去之前就已经定好。动效只限于0.6s 的过渡。写作时让它开着：能迁移到你页面上的，是那份 5,257 字符的简报。下面引用的每一项都是那份简报里的数值，从 800x590 的画幅一直到最小的间距档。收录的提示词记录于 800x590，所以这一页引用的每个数值都能追回到它。
适合谁
- 给要改写一版首屏、标题长度又得和Neuralyn一样的内容负责人用。
- 如果你的字体不是 Inter，前端开发者应该先重新量标题，再重新给入场计时。
- 要出第一个版本的创始人，宁愿改造一套用 Inter 排的构图，也不想拼装模板。
包含哪些内容
- 导航不带底色. 导航只有一行，下面没有二级。导航条悬在 800x590 的构图上，自己没有底色，素材因此从它下面通到两边。
- 能逐项核对的数值. 版式走的是绝对值，不是比例：0.6s 的过渡。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 中段由卡片栅格承担. 栅格就是结构：面板同样大小，用 Inter 排，排得让视线横向移动，而不是向下。面板高度由文案决定，某一句更长也不会破坏这一行的对齐。
- 导航条落在页面栅格上. 导航只有一行，下面没有二级。导航条悬在 800x590 的构图上，自己没有底色，素材因此从它下面通到两边。链接控制在四到五个，这一行的尺寸就是照这个定的。
动效与交互
揭示跟着位移走
这里的调度由滚动完成：背景层与前景以不同速度移动，底下的静态版式保持不变。页面跟着读者的节奏变化，而不是按时间表走。这份参考在 800x590 下收录。
时长以需求简报为准
状态变化的时长写明为 0.6s，所以控件上的反馈是一个设计过的值，不是浏览器默认值。缓动和时长写在一起（0.6s），复刻时没法悄悄换成另一种手感。一种行为配一个时长。
这个首屏背后的顺序
功能导向的版式在罗列产品能做什么，这一版把读者带向一个决定。这条路径看得见：就在导航、标题、公告徽标、数据行、卡片栅格里，也在0.6s 的过渡给它们的间距里。 SaaS读者先看到主张，再看到选项。
Neuralyn 里什么在动
最后再移植动效。需求简报把它定成0.6s 的过渡、视差层、吸顶元素，等版式就位之后再对齐会容易得多。这个首屏里没有为动而动的动画。
把这个首屏变成你自己的
一上来先换配色是常见的错。它只改了气氛，没碰构图，撑住版式的仍然是0.6s 的过渡；先做文案和素材，配色放到最后。可复用的是构图，换一个品牌它照样成立。
常见问题
复制 Neuralyn 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 800x590 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Neuralyn 有多少地方依赖 React 和 Tailwind CSS？
Neuralyn 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
用 Neuralyn 重建的页面，可以不署名就上线吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 800x590 下收录。
