关于这个模板
Email Marketing 收录于 800x702，保留的是一份规格书，而不是一张画廊图片。它以“Design Rocket Certificates”开场，给这句话整个版心，而不是把它缩进一张卡片里。整套配色是黑色 #0A0A0A 打底、亮黄色 #DCFF00 给文字、亮黄色 #D8F90A 承担强调色，页面字体是 Instrument Serif。交付形式是 React 和 Tailwind CSS，收录于 800x702，所以画幅在任何一行代码写下去之前就已经定好。写作时让它开着：能迁移到你页面上的，是那份 7,972 字符的简报。收录的提示词记录于 800x702，所以这一页引用的每个数值都能追回到它。下面引用的每一项都是那份简报里的数值，从 800x702 的画幅一直到最小的间距档。
适合谁
- 需要先看数字的设计师：字号从 12px 到 58px、18px 间距，全部引自需求简报。
- 给要改写一版首屏、标题长度又得和Email Marketing一样的内容负责人用。
- 给宁愿重新调 #D8F90A、也不想从栅格开始重建首屏的设计师用。
包含哪些内容
- 间距档位是写明的. 这些值就是规格本身：字号从 12px 到 58px、18px 间距，是在 800x702 下收录的，而不是从截图里反推的。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。拿同一组数值验证重建结果。
- 数字坐在基线上. 统计数字是当字体来处理的：数字用展示字号，标签用需求简报里最小的字阶，颜色只走 #D8F90A 或正文色，而不是找一张彩色卡片垫着。数字带 #D8F90A 强调色，周围一切都留在正文色上。宁可删一个数字，也别缩标签字号。
- 一块面板一个观点. 栅格就是结构：面板同样大小，用 Instrument Serif 排，排得让视线横向移动，而不是向下。面板高度由文案决定，某一句更长也不会破坏这一行的对齐。一块面板只放一个观点。
- 能逐项核对的数值. 这些值就是规格本身：字号从 12px 到 58px、18px 间距，是在 800x702 下收录的，而不是从截图里反推的。每个值都能对着收录的提示词核一遍，重建因此是可验证的，而不是大约像。需求简报没写的地方，是故意不写的。
动效与交互
交互限制在局部
交互层是刻意做小的：悬停态只给按钮和链接，而不是每张卡片。状态用的是页面自己的配色，而不是组件库的默认值。交互层保持小。这份参考在 800x702 下收录。
不挡路的动效
这一份交付的是 800x702 下的静态构图，所以层级必须不靠动效也成立，它确实成立。构图保持不动，所以页面得靠层级撑住，而它撑住了。静止是一个成立的选择。
对AI 与 SaaS来说成立的地方
数一数这个首屏里的决定，它们都能追回到同一份文件：7,972 个字符，写明了 800x702 的画幅、字体和节奏。它给SaaS读者的是一条通向主张的最短诚实路径。
这个首屏怎么重排
大多数响应式工作做到隐藏元素就停了。这里改的是版式形状：字阶是流体的，而不是阶梯式的，而且没有为了塞进首屏丢掉任何重要的东西。窄屏版式是一个决定，而不是把宽屏挤小，层级在窄屏上依然成立。这份参考在 800x702 下收录。
这个首屏背后的顺序
把这一页的顶部和一个典型的SaaS落地页首屏放在一起比：两边都有标题和行动点，但这里的标题、公告徽标、数据行、卡片栅格、背景片段是固定排序的，而不是用同样的权重互相抢。 SaaS读者先看到主张，再看到选项。这份参考在 800x702 下收录。
常见问题
Email Marketing 的提示词是定稿规格，还是只是一个起点？
它是构建简报，不是感觉描述：写明 800x702 的构图、间距和动效数值。全文没有一处把渲染画面当作事实依据。
能用别的技术栈重建 Email Marketing 的首屏吗？
Email Marketing 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
Email Marketing 的设计是从哪来的？
简报是描述，不是转授权别人素材的许可。结构和数值可以留下，素材和品牌标识要换成你自己的；客户问起版式出处时，说明来源即可。这份参考在 800x702 下收录。
