关于这个模板
Nexto 404 交给了AI 或 SaaS 产品一个已经做完的首屏，以及做出它的那组数字。整套配色是中性 #F5F5F5 打底、近黑 #1A1A1A 给文字，页面字体是 DM Sans。交付形式是 React 和 Tailwind CSS，收录于 1986x1446，所以画幅在任何一行代码写下去之前就已经定好。需求简报把动效预算花在5s 的过渡、cubic-bezier(0.77, 0, 0.175, 1)上。从收录的需求简报起步，然后改这个404 页，而不是从零重建。下面引用的每一项都是那份简报里的数值，从 1986x1446 的画幅一直到最小的间距档。收录的提示词记录于 1986x1446，所以这一页引用的每个数值都能追回到它。
适合谁
- 如果动效必须砍掉，这版404 页照样读得通，靠 100vh 高的板块、20px 间距撑起层级。
- 给正在做AI 或 SaaS 产品404 页、背后还没有设计系统的独立创始人用。
- 用提示词给404 页提需求的人，会把这份 5,689 字符的提示词当作起点。
包含哪些内容
- 顶栏：字标、链接、一个操作. 导航只有一行，下面没有二级。到了平板断点以下，改由移动端浮层接管。导航条悬在 1986x1446 的构图上，自己没有底色，素材因此从它下面通到两边。
- 量出来的，不是估的. 版式走的是绝对值，不是比例：100vh 高的板块、20px 间距、5s 的过渡、cubic-bezier(0.77, 0, 0.175, 1) 缓动曲线。间距和字号用同一套单位写明，两者可以直接比。
- 中段由卡片栅格承担. 栅格就是结构：面板同样大小，用 DM Sans 排，排得让视线横向移动，而不是向下。面板之间靠间距分开，而不是靠边框，栅格因此保持安静。一块面板只放一个观点。
- 导航条落在页面栅格上. 导航只有一行，下面没有二级。到了平板断点以下，改由移动端浮层接管。导航条悬在 1986x1446 的构图上，自己没有底色，素材因此从它下面通到两边。加第六条链接之前，先把收起状态设计好。
动效与交互
以毫秒计的时长
需求简报把过渡值钉在 5s，重建时不能换成一个更慢的默认值。缓动和时长写在一起（5s），复刻时没法悄悄换成另一种手感。
反馈只出现在控件上
交互层很小，也很好预期：悬停态只给按钮和链接，而不是每张卡片。其他部分都不动，重心因此留在构图上。反馈只限在控件上，所以控件周围的构图保持静止。这份参考在 1986x1446 下收录。
这个404 页怎么重排
模板会塌成单栏然后听天由命，这份需求简报写明会发生什么（字阶是流体的，而不是阶梯式的、板块高度锁在 100vh、导航收进移动端菜单），并保住顺序不变。重排之后，任何宽度下行动点都够得着。
把 Nexto 404 当规格书读
把它和一个把间距称作“偏好”的模板比：这里同样的值是写明的（100vh 高的板块、20px 间距、5s 的过渡、cubic-bezier(0.77, 0, 0.175, 1) 缓动曲线），所以一次修改要么保住它们，要么明显破坏构图。这个404 页里没有任何一处依赖默认值。
这份SaaS需求简报为什么站得住
模板会用一个个模块把首屏填满，这个404 页只用导航、标题、数据行、卡片栅格就收住。差别体现在100vh 高的板块、20px 间距上：没有任何东西是靠撑开去填满空间的。它给SaaS读者的是一条通向主张的最短诚实路径。
常见问题
Nexto 404 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1986x1446 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
重建 Nexto 404 必须用 React 和 Tailwind CSS 吗？
Nexto 404 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Nexto 404 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1986x1446 下收录。
