关于这个模板
这是 Stillmind 的首屏，连同生成它的那份需求简报一起发布，而不是只给一张截图。配色控制在深红色 #48292F 打底、深蓝色 #182C41 承担强调色之内，字体用 Instrument Serif。交付形式是 React 和 Tailwind CSS，收录于 1472x1080，所以画幅在任何一行代码写下去之前就已经定好。这个页面的动效控制在1000ms 的过渡、cubic-bezier(0.4,0,0.2,1)、一段循环视频打底。当健康的首屏必须扛住一次文案改动、又不能重做设计时，它最有用。下面引用的每一项都是那份简报里的数值，从 1472x1080 的画幅一直到最小的间距档。收录的提示词记录于 1472x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 产品市场的人需要首屏在背后有6.2s 的循环视频时依然好读。
- 用提示词给首屏提需求的人，会把这份 6,025 字符的提示词当作起点。
- 给要改写一版首屏、标题长度又得和Stillmind一样的内容负责人用。
包含哪些内容
- 链接只在一个断点收起. 字标、链接和 #182C41 操作共用一条基线，细导航条才不会被看成随手排的。链接比字标小一档，#182C41 操作是导航条上唯一有分量的元素。
- 需求简报点了名. 需求简报把数值点了名：1000ms 的过渡、cubic-bezier(0.4,0,0.2,1) 缓动曲线。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。字体和版式共用同一套档位，换掉其中一样时不会有东西漂移。
- 通栏视频垫在文字后面. 片段在 1472x1080 下循环 6.2s，接缝看不出来，所以它读起来是肌理，而不是一条片子。自动播放不可用时，1472x1080 的封面帧撑住构图，版式不会塌。按 1472x1080 或更宽的尺寸导出，裁切才不失真。
- 气质由字体承担. 字体是按职责分配的，不是混着用：Instrument Serif 同时承担展示文字和界面文字。界面文字始终用同一套字，同一字号下不会混进第二种声音。
动效与交互
只有指针状态，没有别的
交互层很小，也很好预期：悬停态只给按钮和链接，而不是每张卡片。其他部分都不动，重心因此留在构图上。可交互目标大到能点，指针处理在这些目标上保持一致。这份参考在 1472x1080 下收录。
全部动画预算
控件在 1000ms 内完成变化，快到手指刚碰上去页面就回应，而不是等一下才动。数值足够短，读起来是反馈，而不是动画。
这个首屏背后的数字
需求简报是规格书，不是情绪板。它钉住了1000ms 的过渡、cubic-bezier(0.4,0,0.2,1) 缓动曲线，也写明了素材的规格：1472x1080循环 6.2s这类细节让设计经得起复刻：换掉文案，各种关系依然成立。这个首屏里没有任何一处依赖默认值。
这个首屏背后的顺序
导航先确立产品身份，并给回访者一条熟悉的路。页面的顺序是刻意安排的。标题占主标题字号，支撑句说明产品能做什么，深蓝色 #182C41强调色标记主操作，下一步从不会有疑问。除此之外没有别的东西抢注意力：第一个决策点之前没有卡片栅格，这正是首屏在健康类项目里不显沉重的原因。健康读者先看到主张，再看到选项。
这个首屏背后的时序
需求简报把每一次过渡都绑定在一个明确的数值上（1000ms 的过渡、6.2s 的循环视频、悬停态与按下态），这套页面里没有哪个动作是随口定下的。正因为如此，它不会读起来像一个被随手套上动画预设的模板。这个首屏里没有为动而动的动画。
常见问题
Stillmind 背后的提示词到底有多长？
简报是从页面上收录下来的，共 6,025 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
能用别的技术栈重建 Stillmind 的首屏吗？
Stillmind 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Stillmind 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1472x1080 下收录。
