关于这个模板
Neon Logic 交给了AI 或 SaaS 产品一个已经做完的首屏，以及做出它的那组数字。颜色只用了深蓝色 #010103 打底、白色 #FFFFFF 给文字，正文排的是 Space Mono。交付就是 React 和 Tailwind CSS：一个页面，没有插件，你和设计之间不隔任何构建工具链。动效归结起来就是800ms 的过渡。写作时让它开着：能迁移到你页面上的，是那份 13,601 字符的简报。
适合谁
- 这个落地页要服务的，是需要让 640x474 画幅撑过三轮客户修改的代理公司。
- 正在给AI 或 SaaS 产品落地页提案的代理公司，想把字号从 12px 到 42px、100vh 高的板块写进方案里，好让报价在启动会之后仍然站得住。
- 给要改写一版落地页、标题长度又得和Neon Logic一样的内容负责人用。
包含哪些内容
- 顶栏：字标、链接、一个操作. 字标占住左边缘，链接从它右边排开，全部用 Space Mono 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 640x474 的构图上，自己没有底色，素材因此从它下面通到两边。你自己的页面板块更多时，把它们归组，而不是把导航条拉宽。
- 每种宽度都有明确行为. 字号用 12px 到 42px 的 clamp 来处理，而不是写死档位，标题行在各个断点之间因此保持比例，不会跳变。因为字阶是钳制过的，标题行在断点之间从来不会跳变。
- 顶栏只放一个操作. 字标占住左边缘，链接从它右边排开，全部用 Space Mono 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 640x474 的构图上，自己没有底色，素材因此从它下面通到两边。链接控制在四到五个，这一行的尺寸就是照这个定的。
- 量出来的，不是估的. 这些值就是规格本身：字号从 12px 到 42px、100vh 高的板块、14px 间距、800ms 的过渡，是在 640x474 下收录的，而不是从截图里反推的。落回这些数值的重建不用再调就长得像参考。需求简报没写的地方，是故意不写的。
动效与交互
短而互相匹配的时长
控件里的动效短且可重复：每次状态变化都是 800ms。缓动一改，时长必须跟着重新看一遍。状态变化要快，不要滚动时间轴。
画布就是视觉本身
页面纵深来自渲染，而不是来自插画：主元素上的 3D 变换，画幅因此不靠图片撑。场景会回应视口，而不是作为一张图片待在后面。这份参考在 640x474 下收录。
这个落地页怎么重排
文案一长，先崩的是窄屏版式。这里由12px 到 42px 的 clamp吸收掉变化，字号在 12px 到 42px 之间弹性缩放、板块高度锁在 100vh、导航收进移动端菜单。移动端是一个决定，不是退而求其次。
把 Neon Logic 当规格书读
13,601 个字符的需求简报产出的是一份完整规格。真正承重的部分很短：字号从 12px 到 42px、100vh 高的板块、14px 间距、800ms 的过渡。这个落地页里没有任何一处依赖默认值。
这个落地页背后的时序
动效压到这么小，页面就得靠字体和画幅撑。就算把800ms 的过渡、悬停态与按下态、实时画布全部去掉，构图依然立得住。这个落地页里没有为动而动的动画。
常见问题
复制 Neon Logic 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 13,601 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Neon Logic 必须用 React 和 Tailwind CSS 吗？
Neon Logic 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
能保留 Neon Logic 的过渡、只改时长吗？
动效和版式写得一样细：状态切换落在 800ms 区间内。先复刻构图、再对时长，因为版式立住之后时长更好对。
