关于这个模板
Orbis NFT 用一份收录下来的需求简报，解决了面向金融科技产品做落地页时的问题。颜色只用了深蓝色 #010828 打底、白色 #EFF4FF 给文字、亮黄绿色 #6FFF00 承担强调色，正文排的是 Anton。交付形式是 React 和 Tailwind CSS，收录于 452x800，所以画幅在任何一行代码写下去之前就已经定好。当金融科技的落地页必须扛住一次文案改动、又不能重做设计时，它最有用。下面引用的每一项都是那份简报里的数值，从 452x800 的画幅一直到最小的间距档。收录的提示词记录于 452x800，所以这一页引用的每个数值都能追回到它。
适合谁
- 如果这个落地页有三个人要改，就给内容负责人 32px 间距，而不是一张截图。
- 给正在做金融科技产品落地页、背后还没有设计系统的独立创始人用。
- 用提示词给落地页提需求的人，会把这份 8,276 字符的提示词当作起点。
包含哪些内容
- 导航是刻意做细的. 导航条上只有字标、板块链接和一个 #6FFF00 按钮，尺寸按 32px 间距定，永远不会长成第二个页头。链接比字标小一档，#6FFF00 操作是导航条上唯一有分量的元素。
- 内容切成面板. 栅格替你把阅读顺序排好了：每块面板分量相同、各讲一个观点，用 Anton 的小字号排，结构始终看得见。每块面板把一个观点和一个图标配在一起，扫读路径就一直保持横向。面板的顺序就是阅读顺序。
- 能逐项核对的数值. 这里没有一样东西是靠眼睛估的。规格钉死了 32px 间距，剩下的版式都从这些值推导出来。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
- 其余全交给底色. 整个页面只有一个强调色（亮黄绿色 #6FFF00）压在深蓝色 #010828 上，其余分量交给字体，而不是再加第二个颜色。#6FFF00 与深蓝色 #010828 之间的对比，是强调色在小面积上仍然可读的原因。
动效与交互
只有指针状态，没有别的
每个可交互元素只做一件事（悬停态只给按钮和链接，而不是每张卡片），状态才因此可预期。可交互目标大到能点，指针处理在这些目标上保持一致。这份参考在 452x800 下收录。
不挡路的动效
需求简报里没有动画，页面靠 452x800 的版式撑住，唯一的变化是悬停态和按下态。构图保持不动，所以页面得靠层级撑住，而它撑住了。静止是一个成立的选择。
这个落地页在论证什么
一屏只留给读者一个决定，这就是这套版式的代价：其余内容全部下移到折叠线以下。需求简报写明了32px 间距，好让下面的板块保持同样的节奏。它给金融科技读者的是一条通向主张的最短诚实路径。
这个落地页背后的时序
时序是明写的：悬停态与按下态，全部写进需求简报，而不是靠手感调。这个落地页里没有为动而动的动画。这份参考在 452x800 下收录。
Orbis NFT 怎么安排第一次阅读的顺序
注意力是被引导的，而不是散开的：视线先落在主标题那一行，然后是支撑文案，最后是行动。需要社会证明时，它是一条长条或一行，而不是一整面客户评价墙。这个顺序就是设计本身。金融科技读者先看到主张，再看到选项。这份参考在 452x800 下收录。
常见问题
Orbis NFT 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 452x800 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Orbis NFT 的落地页吗？
Orbis NFT 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Orbis NFT 能用在客户项目里吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 452x800 下收录。
