关于这个模板
Kova Mobile App 用一份收录下来的需求简报，解决了面向AI 或 SaaS 产品做引导流程时的问题。它以“Turn your ideas into cinematic scenes”开场，给这句话整个版心，而不是把它缩进一张卡片里。整套配色是白色 #FFFFFF 打底、黑色 #000000 给文字、靛蓝色 #2E1065 承担强调色，页面字体是 Helvetica Neue。交付形式是单个组件，所以整个引导流程可以直接搬进项目，不需要设计交接。动效是800ms 的过渡、一段循环视频打底，克制到文案依然是主角。借结构，不借题材：这个引导流程和它那组数字可以原样搬到你的品牌上。这一页剩下的部分按板块、再按时序和数值把这个引导流程拆开，不加任何简报里没有的说法。
适合谁
- 给AI 或 SaaS 产品引导流程换皮的成长团队，想在卖点文案改动时保住 1252x864 的画幅。
- 在前端用单个组件复刻这一页的开发者，希望过渡是被写明的，而不是靠猜。
- 如果构建从单个组件起步，先拾起 100vh 高的板块、24px 间距，栅格定下来之前别碰配色。
包含哪些内容
- 链接只在一个断点收起. 顶栏装下字标、四到五个链接和一个染成 #2E1065 的操作，字号压得很低，不跟页面其他地方抢。链接比字标小一档，#2E1065 操作是导航条上唯一有分量的元素。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 能逐项核对的数值. 版式走的是绝对值，不是比例：100vh 高的板块、24px 间距、800ms 的过渡。落回这些数值的重建不用再调就长得像参考。看着没道理的那些值，照留。
- 通栏视频，不做面板. 背景就是一段 1252x864 的 8s 循环，按 cover 裁切、不加任何色罩。其余一切都浮在它上面的一层。按 1252x864 或更宽的尺寸导出，cover 裁切就继续成立。
- 一套字，克制着用. 字体是 Helvetica Neue，用在字阶最高一档；支撑文案掉得远低于它，层级因此不用靠颜色就读得出来。数字和界面共用同一套字，统计数据与标签因此属于同一套系统。
动效与交互
要场景，不要静帧
一块 WebGL 画布是页面上唯一的看点，周围的界面刻意排得不跟它抢。构图必须扛得住渲染失败，因为那块空间没有别的东西来填。这份参考在 1252x864 下收录。
以毫秒计的时长
这里的动效用毫秒计量：800ms这就是全部的动画预算，而且花在状态变化上，不在滚动时间轴上。每一次状态变化都写明了数值，所以永远不会用到浏览器默认值。
这个引导流程背后的顺序
你把这些板块打乱，页面照样能打开，但它不再读起来像一个论点：导航、标题、数据行、背景片段是一条序列，100vh 高的板块、24px 间距也只在这个顺序里成立。 SaaS读者先看到主张，再看到选项。
AI 或 SaaS 产品能从这里得到什么
Kova Mobile App 成立，是因为它的层级是被决定出来的，而不是装饰出来的。需求简报定下了100vh 高的板块、24px 间距、800ms 的过渡，所以新文案是落进画幅里，而不是把画幅重新打开。 Kova Mobile App 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
Kova Mobile App 里什么在动
动效只限于 800ms 的过渡、8s 的循环视频、悬停态与按下态；它只在进入时跑一次，随后就让到一边，对于一个必须保持可读的引导流程来说，这才是合适的动效预算。这个引导流程里没有为动而动的动画。
常见问题
Kova Mobile App 背后那份需求简报里到底有什么？
简报是从页面上收录下来的，共 3,523 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
Kova Mobile App 有多少地方依赖单个组件？
Kova Mobile App 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
拿到 Kova Mobile App 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 3,523 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
