关于这个模板
TrustFlow 是面向金融科技产品的一份可用参考：这套落地页已经排好、量好，可以直接照着复刻。整套配色是白色 #FFFFFF 打底、黑色 #191919 给文字，页面字体是 Inter。交付形式是 React 和 Tailwind CSS，收录于 1462x1080，所以画幅在任何一行代码写下去之前就已经定好。动效归结起来就是200ms 的过渡、一段循环视频打底。把它当作面向金融科技产品做落地页的需求简报：它要经得起复刻，而不只是第一眼好看。收录的提示词记录于 1462x1080，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1462x1080 的画幅一直到最小的间距档。
适合谁
- 正在给金融科技产品落地页提案的代理公司，想把固定 15px 的标题字号、11px 间距写进方案里，好让报价在启动会之后仍然站得住。
- 产品市场的人需要落地页在背后有6.3s 的循环视频时依然好读。
- 用提示词给落地页提需求的人，会把这份 6,275 字符的提示词当作起点。
包含哪些内容
- 导航条上不留多余. 一短行链接加一个操作压在落地页上，尺寸按固定 15px 的标题字号、11px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1462x1080 的构图上，自己没有底色，素材因此从它下面通到两边。字标占的位置不超过它那行字需要的宽度。
- 该放证据的地方放数字. 这行数字就是证据：三到四组数字排成一行，每组下面配小标签，字体和界面共用同一套 Inter，所以它读起来是数据，不是装饰。强调色只花在承担主张的那几个数字上，而不是整行。
- 对着视口量出来的. 版式里没有一样交给感觉：需求简报写明了固定 15px 的标题字号、11px 间距、200ms 的过渡，构建必须落回这些值。清单短到审核的人能一个元素一个元素地核。
- 一段片段承担全部. 首屏就是一段 1462x1080 的视频，其余一切都排在它上面。自动播放不可用时，1462x1080 的封面帧撑住构图，版式不会塌。按 1462x1080 或更宽的尺寸导出，裁切才不失真。
动效与交互
有悬停态，但要克制
交互只发生在各自的控件上（悬停态只给按钮和链接，而不是每张卡片），页面其他地方不会跟着动。交互状态不会推动版式，指针底下不会有东西跳。这份参考在 1462x1080 下收录。
全部动画预算
控件里的动效短且可重复：每次状态变化都是 200ms。同一组时长在控件之间复用，交互因此像一套系统。
TrustFlow 里什么在动
代价是：这里没有任何东西的动画值得你回头看第二眼。值得看的是阅读顺序，200ms 的过渡、6.3s 的循环视频、悬停态与按下态只用来确认状态，不做装饰。这个落地页里没有为动而动的动画。
在 TrustFlow 里先改什么
把新文案按需求简报写明的展示字号排（固定 15px 的标题字号、11px 间距），剩下的字阶会自己跟上，不用重做设计。保住素材的裁切；它和字体承担的工作一样多。
对金融科技来说成立的地方
数一数这个落地页里的决定，它们都能追回到同一份文件：6,275 个字符，写明了 1462x1080 的画幅、字体和节奏。 TrustFlow 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
常见问题
TrustFlow 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1462x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
TrustFlow 有多少地方依赖 React 和 Tailwind CSS？
TrustFlow 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
TrustFlow 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1462x1080 下收录。
