关于这个模板
USD Halo 是面向金融科技产品的一份可用参考：这套落地页已经排好、量好，可以直接照着复刻。标题是“An automated, reward-powered digital dollar built for native passive earnings and effortless connection into DeFi”，落地页其余部分都围着它排。颜色只用了白色 #F5F5F5 打底、深靛蓝色 #2B2644 给文字，正文排的是 Inter。交付形式是 React 和 Tailwind CSS，收录于 458x800，所以画幅在任何一行代码写下去之前就已经定好。对于需要在第一屏就显得刻意的金融科技产品落地页，它是一份合适的参考。下面引用的每一项都是那份简报里的数值，从 458x800 的画幅一直到最小的间距档。
适合谁
- 如果这个落地页有三个人要改，就给内容负责人字号从 13px 到 16px、100vh 高的板块，而不是一张截图。
- 用提示词给落地页提需求的人，会把这份 8,531 字符的提示词当作起点。
- 给要改写一版落地页、标题长度又得和USD Halo一样的内容负责人用。
包含哪些内容
- 导航收在一行. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。导航条悬在 458x800 的构图上，自己没有底色，素材因此从它下面通到两边。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 尺寸写在需求简报里，不在一套比例里. 尺寸是收录时就在需求简报里写下的（字号从 13px 到 16px、100vh 高的板块、15px 间距），重建因此可以逐项核对，而不是大约像。每个值对应一件事：一个字号档位、一段间距、一个圆角或一次过渡。
- 中段由卡片栅格承担. 栅格替你把阅读顺序排好了：每块面板分量相同、各讲一个观点，用 Inter 的小字号排，结构始终看得见。栅格里的强调色最多只标一个元素，面板之间才不会互相抢。用间距分开面板，别给它们描边。
- 链接在前，操作在后. 导航条压在落地页之上，而不是把它往下挤，构图因此保住首屏的完整高度。导航条悬在 458x800 的构图上，自己没有底色，素材因此从它下面通到两边。一条导航只放一个操作。
动效与交互
交互只落在控件上
反馈只落在悬停态只给按钮和链接，而不是每张卡片上，这才让信息密集的首屏不显得拥挤。看起来能点的控件就真的能点，不会出现假的暗示。这份参考在 458x800 下收录。
永不停下的那条长条
一条跑马灯穿过构图、无限循环，用 Inter 排。它是素材之外唯一的持续动效，页面因此不会显得躁。
这个落地页怎么重排
模板会塌成单栏然后听天由命，这份需求简报写明会发生什么（板块高度锁在 100vh），并保住顺序不变。随视口改变的是尺度，不是顺序。
把这个落地页变成你自己的
先改文案和素材，再改颜色，最后才动版式。458x800 的画幅和 Inter 的字阶是撑住整页的东西，所以要在它们周围做替换，而不是从它们中间穿过去。可复用的是构图，换一个品牌它照样成立。
这个落地页背后的数字
具体数字会过时：适合 458x800 的值不一定适合你的画幅。需求简报还是写明了字号从 13px 到 16px、100vh 高的板块，因为写出来的值比没写出来的值好改。这个落地页里没有任何一处依赖默认值。
常见问题
USD Halo 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 458x800 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
USD Halo 有多少地方依赖 React 和 Tailwind CSS？
USD Halo 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
USD Halo 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 458x800 下收录。
