关于这个模板
Alumica 是面向金融科技产品的一份可用参考：这套首屏已经排好、量好，可以直接照着复刻。它以“Automation & Fintech”开场，给这句话整个版心，而不是把它缩进一张卡片里。配色是深靛蓝色 #080210 打底、亮橙色 #FF8A00 承担强调色，字体用 Inter。交付形式是单个组件，所以整个首屏可以直接搬进项目，不需要设计交接。动作被收进0.3s 的过渡、一段循环视频打底里。把它当作面向金融科技产品做首屏的需求简报：它要经得起复刻，而不只是第一眼好看。收录的提示词记录于 2056x1396，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 2056x1396 的画幅一直到最小的间距档。
适合谁
- 正在做金融科技产品首屏、需要在报价发出去之前把单个组件落到纸面上的团队。
- 这个页面服务的是正用单个组件重建金融科技产品首屏、想找外观背后那组数字的前端开发者。
- 正在复刻竞品金融科技首屏的团队，想在有人选定框架之前先把单个组件点明。
包含哪些内容
- 导航条上不留多余. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #FF8A00 操作，全部悬在首屏之上，自己没有底色。导航条悬在 2056x1396 的构图上，自己没有底色，素材因此从它下面通到两边。
- 字和画幅共用一套档位. 需求简报钉死 10px 间距、0.3s 的过渡，其余交给摆放，这正好和一套会自己长大的比例相反。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。
- 两套字，各有各的活. 字体定在 Inter 上，需求简报给这套字分配了明确的职责，而不是为了花样去混搭。字重、字距和字号档位全部写明，换字体也不会丢掉层级。字体和固定字号配对使用，展示行和界面文字因此始终是一家人。
- 链接只在一个断点收起. 导航是一条细带，而不是一整条色块：字标在左，链接偏右居中，一个 #FF8A00 操作，全部悬在首屏之上，自己没有底色。导航条悬在 2056x1396 的构图上，自己没有底色，素材因此从它下面通到两边。这条导航只有几个元素，不用组件库也能重建。
动效与交互
快到像是刻意安排的
控件在 0.3s 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。缓动和时长写在一起（0.3s），复刻时没法悄悄换成另一种手感。
交互只落在控件上
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。状态在需求简报里就写明了，页面不依赖任何悬停特效库。交互层保持小。这份参考在 2056x1396 下收录。
把 Alumica 当规格书读
需求简报就是一份规格书。它写明10px 间距、0.3s 的过渡，并在围绕素材做任何设计之前，先定下 2056x1396 的素材画幅。这个首屏里没有任何一处依赖默认值。
在 Alumica 里先改什么
把它和从空白页开始比：这里画幅（2056x1396）和10px 间距、0.3s 的过渡都已经定好，所以你要做的是替换，而不是构图。替换比重新构图便宜，这正是重点。
Alumica 怎么安排第一次阅读的顺序
请按顺序读这一页：导航、标题、公告徽标、数据行、背景片段。这里的每一个元素在版面上都只负责一件事，亮橙色 #FF8A00强调色只花在读者本该去按的那一个元素上，其余任何一个地方都不会分给它一点。金融科技读者先看到主张，再看到选项。
常见问题
重建 Alumica 必须用单个组件吗？
Alumica 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
拿到 Alumica 的简报之后，我能用它做什么？
页面上引用的内容全部出自收录的 2,424 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Alumica 背后的提示词到底有多长？
它是构建简报，不是感觉描述：写明 2056x1396 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
