关于这个模板
这是 Velorah 的首屏，连同生成它的那份需求简报一起发布，而不是只给一张截图。标题是“Where dreams rise through the silence”，首屏其余部分都围着它排。整套配色是青绿色 #01405F 打底、黄色 #D9BF63 给文字，页面字体是 Inter。交付就是 React 和 Tailwind CSS：一个页面，没有插件，你和设计之间不隔任何构建工具链。这个页面的动效控制在0.8s 的过渡。写作时让它开着：能迁移到你页面上的，是那份 3,788 字符的简报。
适合谁
- 给创意机构或工作室首屏换皮的成长团队，想在卖点文案改动时保住 800x589 的画幅。
- 给要改写一版首屏、标题长度又得和Velorah一样的内容负责人用。
- 如果上线就在眼前，拿走 800x589 的画幅和 0.8s 的入场，构图其余部分先别动。
包含哪些内容
- 链接只在一个断点收起. 一短行链接加一个操作压在首屏上，尺寸按 90px 间距、0.8s 的过渡控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 800x589 的构图上，自己没有底色，素材因此从它下面通到两边。
- 样式交给字体. 字体是按职责分配的，不是混着用：Inter 同时承担展示文字和界面文字。注释档位小到能待在数字下面，又不改动页面的节奏。一套字，职责清楚。
- 尺寸写在需求简报里，不在一套比例里. 字体和间距在这里共用同一份清单：90px 间距、0.8s 的过渡。因为数值是固定的，替换只改样子，不改节奏。
- 一套字，克制着用. 字体是按职责分配的，不是混着用：Inter 同时承担展示文字和界面文字。注释档位小到能待在数字下面，又不改动页面的节奏。没有职责的字号不要加。
动效与交互
交互区域刻意做小
指针上的处理很少，而且写明了：悬停态只给按钮和链接，而不是每张卡片，只加在那些看起来就能点的元素上。看起来能点的控件就真的能点，不会出现假的暗示。这份参考在 800x589 下收录。
短而写明的时长
状态变化的时长写明为 0.8s，所以控件上的反馈是一个设计过的值，不是浏览器默认值。缓动和时长写在一起（0.8s），复刻时没法悄悄换成另一种手感。
这个首屏背后的数字
复刻通常从一张截图加一个猜测开始。这里从 3,788 个字符的规格开始：画幅、间距和动效都在第一行代码之前就写下来了。这个首屏里没有任何一处依赖默认值。
这个首屏背后的顺序
认定一条阅读路径，就意味着别的路径被关掉了。需求简报接受这一点，把导航、数据行、背景片段固定在原处，并把90px 间距、0.8s 的过渡花在让这条路径显眼上。创意机构读者先看到主张，再看到选项。
Velorah 里什么在动
动效是一张短清单，不是一套系统。需求简报点名了0.8s 的过渡、悬停态与按下态，页面其余部分都不动。这个首屏里没有为动而动的动画。
常见问题
Velorah 的提示词是定稿规格，还是只是一个起点？
简报是从页面上收录下来的，共 3,788 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
为什么这条条目还要标注 React 和 Tailwind CSS？
Velorah 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Velorah 里 0.8s 的过渡是怎么动的？
入场和状态切换都落在 0.8s 这个区间内，由状态变化触发而不是滚动库，也从不会拖住文案。
