关于这个模板
Aurora Onboard 收录于 1850x1352，保留的是一份规格书，而不是一张画廊图片。配色控制在黑色 #000000 打底、灰调靛蓝色 #DBCDE9 给文字之内，字体用 Inter。交付形式是 React 和 Tailwind CSS，收录于 1850x1352，所以画幅在任何一行代码写下去之前就已经定好。写作时让它开着：能迁移到你页面上的，是那份 4,770 字符的简报。这一页剩下的部分按板块、再按时序和数值把这个登录页拆开，不加任何简报里没有的说法。需求简报钉住的一切（画幅、字号、时长、断点）下面都写出来了，所以你可以照着复刻这个登录页，不用猜它背后的意图。收录的提示词记录于 1850x1352，所以这一页引用的每个数值都能追回到它。
适合谁
- 自己写登录页文案的产品团队，需要每一行都守住展示级字号当初按长度定下的上限。
- 同时跑好几个项目的工作室负责人，会把这一版登录页当作其他页面照抄的样板。
- 给需要把登录页的范围收进一个迭代、并且不新增任何素材的产品经理用。
包含哪些内容
- 两套字，各有各的活. 字体是按职责分配的，不是混着用：Inter 同时承担展示文字和界面文字。展示字体只用一个字号，不会自己跟自己抢。
- 字段与操作，各一个. 这里只有一个决定要做：填表，或者离开。屏幕上其他一切都服务于这个决定。字段堆成一列，Tab 顺序就和阅读顺序一致。一列字段，一个操作。这份参考在 1850x1352 下收录。
- 一套字，两个角色. 字体是按职责分配的，不是混着用：Inter 同时承担展示文字和界面文字。展示字体只用一个字号，不会自己跟自己抢。字阶是写明的，照着用。
- 数字坐在基线上. 数字用 Inter 排，字号更靠近标题，而不是更靠近正文。标签档位在需求简报里写明了，替换之后它依然低于数字。
动效与交互
指针只在有用的地方出现
交互层是刻意做小的：悬停态只给按钮和链接，而不是每张卡片。悬停态和聚焦态写在一起，指针和键盘拿到的信息因此一样。这份参考在 1850x1352 下收录。
有意做成静止
这里没有滚动库：1850x1352 的构图保持不动，只有会回应你的元素在动。构图保持不动，所以页面得靠层级撑住，而它撑住了。
这份生活方式需求简报为什么站得住
一屏只留给读者一个决定，这就是这套版式的代价：其余内容全部下移到折叠线以下。需求简报写明了1850x1352 画幅，好让下面的板块保持同样的节奏。它给生活方式读者的是一条通向主张的最短诚实路径。
这个登录页背后的顺序
这个登录页有一条写明的阅读路径。视线从这里出发，依次经过标题、数据行、表单、背景片段、页脚，一屏内容才不会读成一张清单。生活方式读者先看到主张，再看到选项。这份参考在 1850x1352 下收录。
这个登录页背后的时序
预设动画库能给你比这多得多的动作。这份简报要的更少：悬停态与按下态，上面不加任何装饰性动画。这个登录页里没有为动而动的动画。这份参考在 1850x1352 下收录。
常见问题
Aurora Onboard 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1850x1352 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Aurora Onboard 的登录页吗？
Aurora Onboard 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Aurora Onboard 能用在客户项目里吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1850x1352 下收录。
