关于这个模板
这是 Creative Studio 的落地页，连同生成它的那份需求简报一起发布，而不是只给一张截图。标题是“Creative Studios Built Around Elevating Your Vision Into Striking Reality”，落地页其余部分都围着它排。配色控制在白色 #F3F3F3 打底、靛蓝色 #5E0ED7 给文字之内，字体用 Inter。这份参考用 React 和 Tailwind CSS 构建，但版式上的决定都独立于它写清楚了。动效预算就是0.1s 的过渡。如果你要给别人提一版创意机构落地页的需求，就从这个构图起步，把题材换掉。
适合谁
- 如果你把需求交给模型而不是设计师，就从落地页开始，让提示词兜住 640x462 画幅。
- 用提示词给落地页提需求的人，会把这份 5,481 字符的提示词当作起点。
- 给要改写一版落地页、标题长度又得和Creative Studio一样的内容负责人用。
包含哪些内容
- 导航条上不留多余. 导航条就是一行文字加一个操作，尺寸按 10px 间距、0.1s 的过渡定，所以它读起来是一条细带，而不是一整条色块。导航条悬在 640x462 的构图上，自己没有底色，素材因此从它下面通到两边。
- 样式交给字体. 由 Inter 一个字体挑大梁：从标题到支撑句字号断得很干脆，字号越大字距收得越紧，层级因此由字体承担，而不是靠颜色。数字和界面共用同一套字，统计数据与标签因此属于同一套系统。
- 能逐项核对的数值. 这份清单很短（10px 间距、0.1s 的过渡），整套系统因此能靠手一个个核过去。落回这些数值的重建不用再调就长得像参考。
- 要栅格，不要长段落. 栅格就是结构：面板同样大小，用 Inter 排，排得让视线横向移动，而不是向下。栅格塌成单列时，面板顺序不变。
动效与交互
全部动画预算
动画预算小而明确：0.1s只用在状态变化上，不用在入场动画上。缓动和时长写在一起（0.1s），复刻时没法悄悄换成另一种手感。
不挡路的动效
需求简报里没有动画，页面靠 640x462 的版式撑住，唯一的变化是悬停态和按下态。只有响应指针的元素会动。
这个落地页在论证什么
克制让你在折叠线以上失去了放证据的空间。这份简报接受这个代价，把首屏全部花在主张上，并固定住10px 间距、0.1s 的过渡，这样以后在下面加一个证据板块也不用返工。它给创意机构读者的是一条通向主张的最短诚实路径。
把这个落地页变成你自己的
一行标题、一个字体、一个强调色：这三处替换对设计的改变最大。10px 间距、0.1s 的过渡是那组不该动的值。保住素材的裁切；它和字体承担的工作一样多。
这个落地页背后的时序
动效只限于0.1s 的过渡。这个落地页里没有任何动画超过需求简报允许的时长。这个落地页里没有为动而动的动画。
常见问题
Creative Studio 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 640x462 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
为什么这条条目还要标注 React 和 Tailwind CSS？
Creative Studio 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Creative Studio 里有多少东西是动的？
动效和版式写得一样细：状态切换落在 0.1s 区间内。先复刻构图、再对时长，因为版式立住之后时长更好对。
