关于这个模板
在动手为创意机构或工作室重建落地页之前，先读 3D Character Studio：构图和它背后的规格书都在这里。标题是“Glad you stopped in. Good taste tends to find us. Now, what are we building?”，落地页其余部分都围着它排。整套配色是红色 #800014 打底、亮红色 #E12444 承担强调色，页面字体是 HelveticaNowDisplay-Medium。交付形式是 React 和 Tailwind CSS，收录于 1740x1080，所以画幅在任何一行代码写下去之前就已经定好。这个页面的动效控制在38ms 的过渡、一段循环视频打底。写作时让它开着：能迁移到你页面上的，是那份 5,726 字符的简报。
适合谁
- 接手这版落地页的市场人员，会用字号从 13px 到 32px、26px 间距检查改稿有没有保住原来的尺度。
- 这一版落地页服务的是需要一屏证据、证明创意机构的文案能扛住 6.6s 的循环视频的创始人。
- 给要改写一版落地页、标题长度又得和3D Character Studio一样的内容负责人用。
包含哪些内容
- 导航不带底色. 这一行的对比只花在一个地方：#E12444 操作；字标和链接都退回正文色。到了平板断点以下，改由移动端浮层接管。链接比字标小一档，#E12444 操作是导航条上唯一有分量的元素。当你需要一条能在喧闹首屏上活下来的导航时，照这个模式抄。
- 需求简报点了名. 这里没有一样东西是靠眼睛估的。规格钉死了字号从 13px 到 32px、26px 间距、38ms 的过渡，剩下的版式都从这些值推导出来。画幅比例和尺寸记在一起，重建时连比例也一起对。数值才是设计，其余只是摆放。
- 通栏视频，不做面板. 需求简报把视频定在 1740x1080、循环 6.6s，每个文字元素都是对着这个画幅摆的。按 1740x1080 或更宽的尺寸导出，cover 裁切就继续成立。
- 越大收得越紧. 字体定在 HelveticaNowDisplay-Medium 上，需求简报给这套字分配了明确的职责，而不是为了花样去混搭。字重、字距和字号档位全部写明，换字体也不会丢掉层级。字号越大字距收得越紧，标题行在 13–32px 范围内才能保持完整。
动效与交互
载入时页面自己搭起来
入场动效花在页面自己的信息上，而不是花在包围它的框架上：打字机式地逐字打出引言行。跑完之后的画面就是需求简报里那张静帧的构图，所以这段动态是加分，不是必需。不要再加第二个入场。这份参考在 1740x1080 下收录。
只有指针状态，没有别的
页面只在能被操作的地方给出回应：悬停态只给按钮和链接，而不是每张卡片，除此之外什么都不动。可交互目标大到能点，指针处理在这些目标上保持一致。这份参考在 1740x1080 下收录。
3D Character Studio 怎么安排第一次阅读的顺序
你把这些板块打乱，页面照样能打开，但它不再读起来像一个论点：导航、公告徽标、数据行、背景片段是一条序列，字号从 13px 到 32px、26px 间距也只在这个顺序里成立。创意机构读者先看到主张，再看到选项。
把 3D Character Studio 当规格书读
第一个数字是字体：字号从 13px 到 32px、26px 间距。间距由它推出来，页面上其他一切都在和这两个值对齐。这个落地页里没有任何一处依赖默认值。
3D Character Studio 里什么在动
野心太大的动效通常会让首屏失去可读性。这份简报把38ms 的过渡、6.6s 的循环视频、打字机式逐字写入控制得足够短，文字从来不用等它。这个落地页里没有为动而动的动画。
常见问题
3D Character Studio 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 1740x1080 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
3D Character Studio 有多少地方依赖 React 和 Tailwind CSS？
3D Character Studio 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
用 3D Character Studio 重建的页面，可以不署名就上线吗？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1740x1080 下收录。
