关于这个模板
Prisma Creative Studio 交给了创意机构或工作室一个已经做完的首屏，以及做出它的那组数字。它以“I have skills in color grading, visual effects, and narrative design”开场，给这句话整个版心，而不是把它缩进一张卡片里。颜色只用了黑色 #101010 打底、白色 #E1E0CC 给文字，正文排的是 Instrument Serif。实现用的是 React 和 Tailwind CSS；里面的每个尺寸都写了下来，这正是它可复用的原因。这个页面的动效控制在0.08s 的过渡。当你要做面向创意机构或工作室的落地页、想要一个成品构图而不是一个起点时，就拿它当参照。
适合谁
- 给创意机构或工作室落地页换皮的成长团队，想在卖点文案改动时保住 455x800 的画幅。
- 用提示词给落地页提需求的人，会把这份 8,432 字符的提示词当作起点。
- 给要改写一版落地页、标题长度又得和Prisma Creative Studio一样的内容负责人用。
包含哪些内容
- 链接只在一个断点收起. 字标占住左边缘，链接从它右边排开，全部用 Instrument Serif 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 455x800 的构图上，自己没有底色，素材因此从它下面通到两边。
- 尺寸钉在需求简报里. 版式里没有一样交给感觉：需求简报写明了 10px 间距、0.08s 的过渡，构建必须落回这些值。字体和版式共用同一套档位，换掉其中一样时不会有东西漂移。
- 导航收在一行. 字标占住左边缘，链接从它右边排开，全部用 Instrument Serif 排，所以这条导航条属于下面的页面，而不是另一套系统。导航条悬在 455x800 的构图上，自己没有底色，素材因此从它下面通到两边。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 数值一路带进构建. 版式里没有一样交给感觉：需求简报写明了 10px 间距、0.08s 的过渡，构建必须落回这些值。字体和版式共用同一套档位，换掉其中一样时不会有东西漂移。数值才是设计，其余只是摆放。
动效与交互
状态变化也有时长
悬停、按下和聚焦都在 0.08s 内完成，界面因此显得即时。缓动和时长写在一起（0.08s），复刻时没法悄悄换成另一种手感。
板块随滚动到达
视差是页面上唯一一种滚动行为，这个效果在构图里有明确的位置。底下的静态版式不变，所以关掉效果后构图依然可读。整个效果只有一种行为。这份参考在 455x800 下收录。
这个落地页怎么重排
流体字阶和阶梯式字阶在宽屏上看起来差不多。把视口收窄，差别就出来了：一边是100px 到 10px 的 clamp，一边是固定跳档。自动播放和动效都做了诚实的兜底，所以它们不可用时页面依然能表达自己。
这套构图为什么适合创意机构
如果你的首屏现在要解释三件事，这一版只解释一件。导航、公告徽标、卡片栅格、背景片段按阅读顺序依次摆开，10px 间距、0.08s 的过渡定下节奏。 Prisma Creative Studio 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
在 Prisma Creative Studio 里先改什么
先改文案，别先改颜色。把“I have skills in color grading, visual effects, and narrative design”重写成一句说你自己产品的话，再用 Instrument Serif 按需求简报里的字号排。在碰颜色之前，先重写那行展示字。
常见问题
Prisma Creative Studio 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 455x800 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
Prisma Creative Studio 有多少地方依赖 React 和 Tailwind CSS？
Prisma Creative Studio 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
能保留 Prisma Creative Studio 的过渡、只改时长吗？
动效和版式写得一样细：状态切换落在 0.08s 区间内。先复刻构图、再对时长，因为版式立住之后时长更好对。
