关于这个模板
把 DeepThink 当作落地页规格书来读：这些数值在页面动手之前就先写下来了。颜色只用了 #0C0C0C 打底、浅调 #FAFAFA 给文字，正文排的是 Inter。交付形式是一个自包含的 HTML 文件，收录于 1280x1928，所以画幅在任何一行代码写下去之前就已经定好。动效预算就是90ms 的过渡、cubic-bezier(.22,1.36,1)。写作时让它开着：能迁移到你页面上的，是那份 13,695 字符的简报。收录的提示词记录于 1280x1928，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 1280x1928 的画幅一直到最小的间距档。
适合谁
- 如果你把需求交给模型而不是设计师，就从落地页开始，让提示词兜住 cubic-bezier(.22,1.36,1) 缓动曲线。
- 如果这份参考只是个起点，设计师可以留着一个自包含的 HTML 文件，把落地页其余部分重建。
- 如果这个落地页有三个人要改，就给内容负责人 100vh 高的板块、10px 间距，而不是一张截图。
包含哪些内容
- 顶栏只放一个操作. 一短行链接加一个操作压在落地页上，尺寸按 100vh 高的板块、10px 间距控住，导航条因此永远不会跟它背后的构图抢。导航条悬在 1280x1928 的构图上，自己没有底色，素材因此从它下面通到两边。
- 气质由字体承担. 字体定在 Inter 上，需求简报给这套字分配了明确的职责，而不是为了花样去混搭。字重、字距和字号档位全部写明，换字体也不会丢掉层级。界面文字始终用同一套字，同一字号下不会混进第二种声音。
- 尺寸写在需求简报里，不在一套比例里. 需求简报把数值点了名：100vh 高的板块、10px 间距、90ms 的过渡、cubic-bezier(.22,1.36,1) 缓动曲线。构图之所以撑得住，正是因为字体和画幅之间没有凭空发明的间距档位。间距和字号用同一套单位写明，两者可以直接比。
- 卡片不描边. 本该放一整段文案的地方，这一页放了一组面板，落地页因此扫得完。面板共用同一套界面字体、同一个字号，栅格因此不会变成第二套版式。这份参考在 1280x1928 下收录。
动效与交互
板块跟着滚动出现
这里的调度由滚动完成：各个板块进入视口时依次揭示，底下的静态版式保持不变。这个效果不改变各板块的阅读顺序。不要再叠第二个滚动效果。这份参考在 1280x1928 下收录。
控件共用一个时长
悬停、按下和聚焦都在 90ms 内完成，界面因此显得即时。值够短，重建时只要把它拖慢，一眼就能看出来。
这套构图为什么适合SaaS
这套设计在一屏之内就把话说完。素材是 1280x1928 下的一张静帧。素材负责氛围，文案负责主张，100vh 高的板块、10px 间距把两者分开。 DeepThink 只把主张说一次，然后让构图去重复它，而不是再加第二个主张。
这个落地页背后的时序
模板会让每个板块入场都动一遍，这一版只动90ms 的过渡、遮罩式逐行揭示、滚动揭示，然后收住。这个落地页里没有为动而动的动画。
把 DeepThink 当规格书读
这一页上的每一层关系都是可以核对的数值：100vh 高的板块、10px 间距、90ms 的过渡、cubic-bezier(.22,1.36,1) 缓动曲线。 DeepThink 因此是可复刻的，而不只是能被照抄一遍。这个落地页里没有任何一处依赖默认值。
常见问题
重建 DeepThink 必须用一个自包含的 HTML 文件吗？
DeepThink 是用一个自包含的 HTML 文件构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
DeepThink 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 1280x1928 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
DeepThink 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 1280x1928 下收录。
