关于这个模板
Healcure 是面向健康或身心类产品的一份可用参考：这套首屏已经排好、量好，可以直接照着复刻。页面自己的标题是“Healthcare for Good. Today. Tomorrow. Always.”，整个构图就是围绕这串字搭的。整页都建立在灰调蓝色 #374251 打底之上。交付形式是 Tailwind CSS，所以整个首屏可以直接搬进项目，不需要设计交接。动效归结起来就是一段循环视频打底。当你要做面向健康或身心类产品的首屏、想要一个成品构图而不是一个起点时，就拿它当参照。收录的提示词记录于 1466x1080，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1466x1080 的画幅一直到最小的间距档。接下来的几个板块把这份简报拆开：版式由什么构成、怎么运动，以及哪些颜色、字体和间距数值是承重的。
适合谁
- 产品市场的人需要首屏在背后有5.4s 的循环视频时依然好读。
- 自己写首屏文案的产品团队，需要每一行都守住展示级字号当初按长度定下的上限。
- 给健康或身心类产品首屏换皮的成长团队，想在卖点文案改动时保住 1466x1080 的画幅。
包含哪些内容
- 导航条上不留多余. 一短行链接加一个操作压在首屏上，尺寸按 14px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1466x1080 的构图上，自己没有底色，素材因此从它下面通到两边。加第六条链接之前，先把收起状态设计好。
- 数值一路带进构建. 需求简报钉死 14px 间距，其余交给摆放，这正好和一套会自己长大的比例相反。字体和版式共用同一套档位，换掉其中一样时不会有东西漂移。
- 视频压在最底层. 氛围交给一段 1466x1080 的 5.4s 片段；需求简报定死了它的裁切方式，文字则原样叠在上面。按 1466x1080 或更宽的尺寸导出，cover 裁切就继续成立。按 1466x1080 或更宽的尺寸导出，裁切才不失真。
- 是数据带，不是表格. 一条紧凑的数据带承担了本来要一整段才能说清的主张，首屏因此不会变成功能清单。数字和界面共用同一套字体，所以它们属于这个页面，而不是打断它。这份参考在 1466x1080 下收录。
动效与交互
是循环，不是时间轴
背景片段在 1466x1080 下以 5.4s 循环播放，静音、行内，所以读者的注意力在文案上时，页面依然在动。不需要滚动库，因为唯一的环境动效就是这段素材本身。循环按 cover 裁切，构图因此不依赖某个固定的画面尺寸。拍摄或导出按 1466x1080 或更宽的尺寸。
揭示就是记忆点
动效只集中在一种行为上（标题逐词出现），页面因此不会读成一整套特效合集。入场只作用在点名的那些元素上，版式其余部分从不动。先确认静帧本身就成立。这份参考在 1466x1080 下收录。
在 Healcure 里先改什么
先换内容，再回头检查画幅。14px 间距就是换文案时要护住的那几个值。替换比重新构图便宜，这正是重点。
这个首屏背后的顺序
健康读者落到一屏内容上时，是先扫再读的。这套版式回应了这一点：导航、公告徽标、数据行的尺寸就是为扫读定的，14px 间距让每一站彼此分明。健康读者先看到主张，再看到选项。
这个首屏背后的数字
认定14px 间距，是用灵活性换可重复性。这正是这份参考的意义：同一个页面换到另一个品牌上，不用再猜一轮。这个首屏里没有任何一处依赖默认值。
常见问题
Healcure 能用在客户项目里吗？
提示词由 sceneai.art 公开发布，这里展示的是他们的渲染画面。把它当成结构与动效的参考，核对来源站的条款，然后用你自己的文案、素材和配色把构图重建过再上线。
这条 Healcure 条目是怎么组织的？
页面上引用的内容全部出自收录的 3,021 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
Healcure 背后那份需求简报里到底有什么？
它是构建简报，不是感觉描述：写明 1466x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
