关于这个模板
JungleMind 是面向AI 或 SaaS 产品的落地页参考，它背后的需求简报是一份完整的构建规格书，而不是情绪板。颜色只用了 #5C5C5C 打底、#111111 给文字，正文排的是 Poppins。交付就是 vanilla JS：一个页面，没有插件，你和设计之间不隔任何构建工具链。动效只限于70ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 36,531 字符的简报。
适合谁
- 需要这版落地页在慢网络下也撑得住的工程师，会把 1920x1422 和字阶当作重量预算。
- 正在给AI 或 SaaS 产品落地页提案的代理公司，想把字号从 12px 到 25px、100vh 高的板块写进方案里，好让报价在启动会之后仍然站得住。
- 这一版落地页服务的是需要一屏证据、证明SaaS的文案能扛住 6.9s 的循环视频的创始人。
包含哪些内容
- 导航收在一行. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。标签短到能在 340px 下一行放下，当前项用字重标出，而不是加一个胶囊底。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 循环就是背景板. 构图是压在 1920x1422 的片段之上搭起来的，不是摆在旁边，所以素材永远不会被塞进面板或加上边框。循环短到 6.9s，眼睛会把它读成肌理，而不是一条时间轴。
- 一套字，两个角色. 字体定在 Poppins 上，需求简报给这套字分配了明确的职责，而不是为了花样去混搭。字重、字距和字号档位全部写明，换字体也不会丢掉层级。字号越大字距收得越紧，标题行在 12–25px 范围内才能保持完整。
- 导航条落在页面栅格上. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。标签短到能在 340px 下一行放下，当前项用字重标出，而不是加一个胶囊底。加第六条链接之前，先把收起状态设计好。
动效与交互
交互层就是这些控件
只有控件响应指针（悬停态只给按钮和链接，而不是每张卡片），页面因此有反馈感，又没把每个元素都变成点击目标。每个状态只改一个属性，反馈因此保持清楚。几个可靠的状态，胜过一长串特效。这份参考在 1920x1422 下收录。
尊重减少动态效果
减少动态效果是写进规格的，不是后补的：开启后入场动画和循环视频停下，构图停在最终状态。开启减少动态效果后，构图停在最终状态，而不是卡在过渡中间。没有动画，布局也得站得住。这份参考在 1920x1422 下收录。
AI 或 SaaS 产品能从这里得到什么
这套设计在一屏之内就把话说完。素材是一段 6.9s 的 1920x1422 循环。素材负责氛围，文案负责主张，字号从 12px 到 25px、100vh 高的板块把两者分开。它给SaaS读者的是一条通向主张的最短诚实路径。
把 JungleMind 当规格书读
需求简报就是一份规格书。它写明字号从 12px 到 25px、100vh 高的板块、9px 圆角、16px 间距、70ms 的过渡，并在围绕素材做任何设计之前，先定下 1920x1422 的素材画幅。这个落地页里没有任何一处依赖默认值。
这个落地页怎么重排
没有一套单独的移动端设计要维护。字号在 12px 到 25px 之间弹性缩放、版式在 340px 处切换、板块高度锁在 100vh，同一套层级贯穿到底。两种状态写在同一份需求简报里。
常见问题
复制 JungleMind 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 36,531 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
JungleMind 有多少地方依赖 vanilla JS？
JungleMind 是用 vanilla JS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
JungleMind 里 70ms 的过渡是怎么动的？
过渡挂在界面状态上，而不是挂在滚动时间轴上，收敛在 70ms 这个区间内使用 cubic-bezier(0.16, 1, 0.3, 1)。简报把这些数值记录在案，复刻时照着对齐就行，不用猜。
