关于这个模板
把 Rare Gallery 当作作品集规格书来读：这些数值在页面动手之前就先写下来了。页面自己的标题是“A carefully curated collection beyond compare”，整个构图就是围绕这串字搭的。配色是深黄绿色 #222518 打底，字体用 Instrument Serif。交付形式是 React 和 Tailwind CSS，收录于 1920x1414，所以画幅在任何一行代码写下去之前就已经定好。动效归结起来就是400ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1)、一段循环视频打底。如果你要给别人提一版创意机构作品集的需求，就从这个构图起步，把题材换掉。收录的提示词记录于 1920x1414，所以这一页引用的每个数值都能追回到它。
适合谁
- 这一版作品集服务的是需要一屏证据、证明创意机构的文案能扛住 6.9s 的循环视频的创始人。
- 给正在做创意机构或工作室作品集、背后还没有设计系统的独立创始人用。
- 用提示词给作品集提需求的人，会把这份 4,964 字符的提示词当作起点。
包含哪些内容
- 一行到底，不做抽屉. 一条细导航压在作品集上，字标在左，链接用 Instrument Serif 排，整套构图因此先读成内容、再读成界面。到了平板断点以下，改由移动端浮层接管。导航条悬在 1920x1414 的构图上，自己没有底色，素材因此从它下面通到两边。
- 能逐项核对的数值. 需求简报里的每个尺寸都是能反测量回去的数值：64px 间距、400ms 的过渡、cubic-bezier(0.16, 1, 0.3, 1) 缓动曲线。需求简报给的是数值，不是比例，所以文案长度变了，构图里的关系也不会散。搬运页面时保留这些写明的数值。
- 导航不带底色. 一条细导航压在作品集上，字标在左，链接用 Instrument Serif 排，整套构图因此先读成内容、再读成界面。到了平板断点以下，改由移动端浮层接管。导航条悬在 1920x1414 的构图上，自己没有底色，素材因此从它下面通到两边。字标占的位置不超过它那行字需要的宽度。
- 通栏视频垫在文字后面. 素材干的是氛围的活，不是叙事：一段 1920x1414 下的 6.9s 循环，垫在所有东西后面。循环短到 6.9s，眼睛会把它读成肌理，而不是一条时间轴。按 1920x1414 或更宽的尺寸导出，裁切才不失真。
动效与交互
不靠滚动库的环境动效
环境动感来自 1920x1414 的 6.9s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。页面上没有别的东西持续动，所以只有素材在争取注意力。
有悬停态，但要克制
页面只在能被操作的地方给出回应：悬停态只给按钮和链接，而不是每张卡片，除此之外什么都不动。按下态和悬停态一样写明，轻点一下和点击得到的确认是一样的。这份参考在 1920x1414 下收录。
把这个作品集变成你自己的
把它和从空白页开始比：这里画幅（1920x1414）和64px 间距、400ms 的过渡都已经定好，所以你要做的是替换，而不是构图。别动的是画幅和字阶。
这个作品集背后的时序
抄的是模式，不是数值：保住400ms 的过渡、6.9s 的循环视频、悬停态与按下态，时长交给你自己的品牌定。这个作品集里没有为动而动的动画。
Rare Gallery 怎么安排第一次阅读的顺序
营销页面会把证据堆在折叠线以下然后听天由命，这个作品集把导航、标题、公告徽标、表单、背景片段直接推到读者面前，其余的先按住不发。创意机构读者先看到主张，再看到选项。这份参考在 1920x1414 下收录。
常见问题
复制 Rare Gallery 的需求简报，我能拿到什么？
简报是从页面上收录下来的，共 4,964 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
重建 Rare Gallery 必须用 React 和 Tailwind CSS 吗？
Rare Gallery 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
在客户项目里该怎么处理 Rare Gallery 的素材？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1920x1414 下收录。
