关于这个模板
Nexora Automation 交给了AI 或 SaaS 产品一个已经做完的首屏，以及做出它的那组数字。标题是“Now with GPT-5 support ✨”，首屏其余部分都围着它排。颜色只用了白色 #FFFFFF 打底、深青绿色 #092128 给文字，正文排的是 Instrument Serif。交付形式是 React 和 Tailwind CSS，收录于 800x552，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是0.6s 的过渡。写作时让它开着：能迁移到你页面上的，是那份 5,344 字符的简报。收录的提示词记录于 800x552，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 800x552 的画幅一直到最小的间距档。
适合谁
- 正在做AI 或 SaaS 产品首屏的团队，想要的是量出来的细节（100vh 高的板块、25px 间距），而不是一张可以照抄的截图。
- 给要改写一版首屏、标题长度又得和Nexora Automation一样的内容负责人用。
- 要放下更长标题的内容负责人，会把 Instrument Serif 的行数而不是字符数当作上限。
包含哪些内容
- 链接只在一个断点收起. 导航条就是一行文字加一个操作，尺寸按 100vh 高的板块、25px 间距定，所以它读起来是一条细带，而不是一整条色块。导航条悬在 800x552 的构图上，自己没有底色，素材因此从它下面通到两边。
- 一套字一个职责. 这里字体就是那套样式系统：Instrument Serif 撑展示字号，整个界面共用同一套字，不需要第二个强调色来帮忙。字号档位是固定值，换字体时层级才能原样保住。字阶是写明的，照着用。
- 每个尺寸都写下来了. 版式是对着一组固定值（100vh 高的板块、25px 间距、0.6s 的过渡）解出来的，首屏在任何宽度下因此都保持成构图。落回这些数值的重建不用再调就长得像参考。
- 把数字当字体排. 这一行放在首屏的高处，当证据用，而不是当装饰。标签在数字下方，用需求简报里最小的字阶，这一行因此读成数据而不是装饰。这份参考在 800x552 下收录。
动效与交互
时长以需求简报为准
悬停、按下和聚焦都在 0.6s 内完成，界面因此显得即时。缓动和时长写在一起（0.6s），复刻时没法悄悄换成另一种手感。
反馈只出现在控件上
反馈只落在悬停态只给按钮和链接，而不是每张卡片上，这才让信息密集的首屏不显得拥挤。看起来能点的控件就真的能点，不会出现假的暗示。这份参考在 800x552 下收录。
Nexora Automation 怎么安排第一次阅读的顺序
一屏、一个行动，中间是导航、标题、公告徽标、数据行、卡片栅格。需求简报把这个顺序钉死，而不是把首屏交给一摞板块自己决定。 SaaS读者先看到主张，再看到选项。这份参考在 800x552 下收录。
这个首屏怎么重排
这里的响应式指的是尺度变、顺序不变。板块高度锁在 100vh，阅读顺序还留在需求简报放的位置上。直接挤小更省事，但撑不住。
这个首屏背后的时序
这里的动效是一组决定，而不是一个库：0.6s 的过渡、悬停态与按下态，而且没有任何东西跟着滚动播放。结果是一个像被设计过的页面：时长短、只有一次入场，状态变化用来确认操作，而不是装饰。这个首屏里没有为动而动的动画。
常见问题
Nexora Automation 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 800x552 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Nexora Automation 的首屏吗？
Nexora Automation 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Nexora Automation 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 800x552 下收录。
