关于这个模板
Place Saver 是面向旅行品牌的落地页参考，它背后的需求简报是一份完整的构建规格书，而不是情绪板。标题是“The place for all your places”，落地页其余部分都围着它排。颜色只用了白色 #F4F4F4 打底、深蓝色 #0C0C0E 给文字，正文排的是 Playfair Display。交付形式是单个组件，收录于 1480x1080，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是0.9s 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底。把它当作面向旅行品牌做落地页的需求简报：它要经得起复刻，而不只是第一眼好看。收录的提示词记录于 1480x1080，所以这一页引用的每个数值都能追回到它。
适合谁
- 给做旅行项目提案、需要在第一次回复客户时就带上单个组件的代理公司用。
- 如果动效必须砍掉，这版落地页照样读得通，靠 48px 圆角、28px 间距撑起层级。
- 这个页面服务的是正用单个组件重建旅行品牌落地页、想找外观背后那组数字的前端开发者。
包含哪些内容
- 尺寸写在需求简报里，不在一套比例里. 这些值就是规格本身：48px 圆角、28px 间距、0.9s 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线，是在 1480x1080 下收录的，而不是从截图里反推的。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。拿同一组数值验证重建结果。
- 气质由字体承担. 字体是 Playfair Display，用在字阶最高一档；支撑文案掉得远低于它，层级因此不用靠颜色就读得出来。行高跟着字号档位走，而不是一个全局值。
- 没有一样是继承来的. 这些值就是规格本身：48px 圆角、28px 间距、0.9s 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线，是在 1480x1080 下收录的，而不是从截图里反推的。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。换字体、换文案可以，别换字阶。
- 视频是背景，不是一块面板. 片段在 1480x1080 下循环 5.6s，接缝看不出来，所以它读起来是肌理，而不是一条片子。自动播放不可用时，1480x1080 的封面帧撑住构图，版式不会塌。按 1480x1080 或更宽的尺寸导出，裁切才不失真。
动效与交互
是循环，不是时间轴
环境动感是一段 1480x1080 下的 5.6s 片段，在文案后面安静循环，不响应指针。页面上没有别的东西持续动，所以只有素材在争取注意力。
全部动画预算
时长短而统一：0.9s使用 cubic-bezier(0.16, 1, 0.3, 1)悬停态和按下态因此读起来是一套系统，而不是一堆各自为政的效果。缓动和时长写在一起（0.9s），复刻时没法悄悄换成另一种手感。把你手上的实现对齐这些时长。
这个落地页背后的数字
这一页里的数字比看上去多。复刻必须保住的是48px 圆角、28px 间距、0.9s 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线，其余的都可以动。这个落地页里没有任何一处依赖默认值。
这个落地页怎么重排
这里的字号是弹性缩放而不是阶梯式跳档（66px 到 28px 的 clamp），所以展示字不会在宽度之间跳。自动播放和动效都做了诚实的兜底，所以它们不可用时页面依然能表达自己。
Place Saver 里什么在动
模板会让每个板块入场都动一遍，这一版只动0.9s 的过渡、5.6s 的循环视频，然后收住。这个落地页里没有为动而动的动画。
常见问题
能用别的技术栈重建 Place Saver 的落地页吗？
Place Saver 是用单个组件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
为什么 Place Saver 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 8,226 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
复制 Place Saver 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 1480x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
