关于这个模板
Digital Experiences 留住了自己的决策链：生成这个落地页的需求简报有 8,994 个字符。“Crafted Digital Experiences Built to Outlast Trends” 就是整套版式要承载的那一行。颜色只用了黑色 #0D0D0C 打底，正文排的是 Instrument Serif。交付形式是 React 和 Tailwind CSS，收录于 640x458，所以画幅在任何一行代码写下去之前就已经定好。需求简报把动效预算花在500ms 的过渡上。对于需要在第一屏就显得刻意的创意机构或工作室落地页，它是一份合适的参考。收录的提示词记录于 640x458，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 640x458 的画幅一直到最小的间距档。
适合谁
- 给要改写一版落地页、标题长度又得和Digital Experiences一样的内容负责人用。
- 如果你的字体不是 Instrument Serif，前端开发者应该先重新量标题，再重新给入场计时。
- 给已经装好 Instrument Serif、备好 640x458 导出件、这周就有构建档期的团队用。
包含哪些内容
- 导航是刻意做细的. 一短行链接加一个操作压在落地页上，尺寸按 10px 间距、500ms 的过渡控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 640x458 的构图上，自己没有底色，素材因此从它下面通到两边。
- 层级交给字体. 气质来自需求简报里的字号档位和字距：Instrument Serif 用收紧的展示字号，然后干净地掉到支撑句。换字体是可行的，但比例必须扛得住这次替换。换字体，留档位。
- 尺寸写在需求简报里，不在一套比例里. 字体和间距在这里共用同一份清单：10px 间距、500ms 的过渡。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。
- 用带序号的文字行承担. 功能用 Instrument Serif 排成清单，而不是一堵卡片墙。分组交给行与行之间的间距，不需要方框。能一行写完的项就一行写完。
动效与交互
快到像是刻意安排的
过渡在需求简报里写明为 500ms，控件上的时长就以这个值为准。没有任何东西在等滚动位置，所以一碰页面就有反应。
载入时页面自己搭起来
入场负责让页面“到达”，跑完之后构图不再变化：标题逐词出现。把这段手法去掉，内容还在，版式也不会挪位。这份参考在 640x458 下收录。
这个落地页背后的顺序
把这一页的顶部和一个典型的创意机构落地页首屏放在一起比：两边都有标题和行动点，但这里的导航、标题、公告徽标、数据行、客户标识行是固定排序的，而不是用同样的权重互相抢。创意机构读者先看到主张，再看到选项。这份参考在 640x458 下收录。
Digital Experiences 里什么在动
动效压到这么小，页面就得靠字体和画幅撑。就算把500ms 的过渡、逐词出现的标题、滚动揭示全部去掉，构图依然立得住。这个落地页里没有为动而动的动画。
这个落地页背后的数字
情绪板会把尺度留开，这份需求简报把它收死：10px 间距、500ms 的过渡，周围的值都由这个决定推出来。这个落地页里没有任何一处依赖默认值。
常见问题
Digital Experiences 背后的提示词到底有多长？
它是构建简报，不是感觉描述：写明 640x458 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Digital Experiences 的落地页吗？
Digital Experiences 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
在客户项目里该怎么处理 Digital Experiences 的素材？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 640x458 下收录。
