关于这个模板
No-Code Waitlist 是面向AI 或 SaaS 产品的一份可用参考：这套行动号召区已经排好、量好，可以直接照着复刻。页面自己的标题是“A new way to think and create with computers”，整个构图就是围绕这串字搭的。配色控制在深靛蓝色 #020004 打底、浅调 #FFFFFF 给文字、灰调蓝色 #7C78C7 承担强调色之内，字体用 Inter。交付形式是 React 和 Tailwind CSS，收录于 988x720，所以画幅在任何一行代码写下去之前就已经定好。动作被收进60ms 的过渡、一段循环视频打底里。当AI 与 SaaS的行动号召区必须扛住一次文案改动、又不能重做设计时，它最有用。下面引用的每一项都是那份简报里的数值，从 988x720 的画幅一直到最小的间距档。
适合谁
- 正在给AI 或 SaaS 产品行动号召区提案的代理公司，想把字号从 13px 到 64px、100vh 高的板块写进方案里，好让报价在启动会之后仍然站得住。
- 这一版行动号召区服务的是需要一屏证据、证明SaaS的文案能扛住 9.4s 的循环视频的创始人。
- 给正在做AI 或 SaaS 产品行动号召区、背后还没有设计系统的独立创始人用。
包含哪些内容
- 导航是刻意做细的. 导航条是整套构图里最安静的部分：字标、一短行链接和一个 #7C78C7 操作，全部压在需求简报最小的字阶上。链接比字标小一档，#7C78C7 操作是导航条上唯一有分量的元素。
- 间距档位是写明的. 尺寸是收录时就在需求简报里写下的（字号从 13px 到 64px、100vh 高的板块、14px 间距、60ms 的过渡），重建因此可以逐项核对，而不是大约像。因为数值是固定的，替换只改样子，不改节奏。需求简报没写的地方，是故意不写的。
- 一个素材元素承担整体情绪. 素材是一段 9.4s 的片段，按 cover 裁进 988x720 的画幅，任何宽度下都不会出现黑边。按 988x720 或更宽的尺寸导出，cover 裁切就继续成立。
- 胶囊只装那一件新事. 公告就是标题上方那枚 #7C78C7 胶囊，字号压得比支撑文案还小，所以它读起来是标签，不是第二个标题。徽标用 #7C78C7，而标题留在正文色上。
动效与交互
不靠滚动库的环境动效
环境动感来自 988x720 的 9.4s 循环，而不是滚动特效，页面因此保持平静，文字也更好读。自动播放被拦截时有首帧封面顶上，所以动效是加分项，而不是必需品。
只有一个元素入场
入场动效只集中在一个元素上：打字机式地逐字打出引言行。页面加载时，其他东西都已经就位。跑完之后的画面就是需求简报里那张静帧的构图，所以这段动态是加分，不是必需。抄的是到达的先后顺序，不是那条曲线。这份参考在 988x720 下收录。
这个行动号召区背后的顺序
功能导向的版式在罗列产品能做什么，这一版把读者带向一个决定。这条路径看得见：就在导航、标题、公告徽标、数据行、表单里，也在字号从 13px 到 64px、100vh 高的板块给它们的间距里。 SaaS读者先看到主张，再看到选项。
这套构图为什么适合SaaS
在素材上压一层色调本来是最省事的办法，需求简报偏偏不用。素材是一段 9.4s 的 988x720 循环。文案依然站得住，因为字号从 13px 到 64px、100vh 高的板块让画幅保持安静。它给SaaS读者的是一条通向主张的最短诚实路径。
在 No-Code Waitlist 里先改什么
大多数人从强调色开始改。不如从主张开始：重写那行展示字，再在你的素材上重测灰调蓝色 #7C78C7。你的强调色要过和参考强调色同样的对比度测试。
常见问题
为什么 No-Code Waitlist 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 6,532 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
复制 No-Code Waitlist 的需求简报，我能拿到什么？
它是构建简报，不是感觉描述：写明 988x720 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
No-Code Waitlist 有多少地方依赖 React 和 Tailwind CSS？
No-Code Waitlist 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
