邮件营销技能
生成一封单页HTML邮件——居中、单列、邮件正文周围无边框。将其视作营销制品：一个核心理念，一个行动号召按钮。
工作流程
- 读取当前的 DESIGN.md（上方已注入）。邮件比其他任何界面对展示字体的依赖都更强——从设计系统中选择最醒目的字体令牌用于标题组合。
- 从简报中选择品牌 + 产品。生成真实的字标、真实的产品名称以及一句真实的利益描述——不得使用占位符。
- 布局，按顺序，全部居中放置在一个600–680px宽的列中，位于有色调的页面背景上（使邮件主题看起来像邮件，而非普通页面）：
- 报头 — 左侧为字标，右侧为3个短导航链接（SHOP、JOURNAL、MEMBERS）。底部有一条细线。
- 主图块 — 一个16:9比例的产品图片占位区。使用设计系统有色调的渐变或产品的风格化SVG剪影（鞋、瓶、耳机等，根据简报内容推断）。左上角添加一个微小的品牌水印，左下角添加一个配色标签。
- 眉标 — 小型大写字母，强调色，用
·分隔（例如“新品 · 最大缓冲训练鞋 · 余烬烈焰”）。 - 标题组合 — 2–3行标题，使用展示字体、全大写、极其紧凑的字距。对一个强调词应用轻微倾斜（
transform: skew(-6deg)），赋予一种动感平行四边形风格。 - 正文 — 2–3句段落，左对齐，使用正文体字体。
- 主要行动号召按钮 — 实心胶囊或块状按钮。仅一个。
- 规格网格 — 2×2网格，包含（大数字 + 单位 + 标签）的标注，数字使用展示字体。
- 页脚 — 字标、地址行、取消订阅 + 在浏览器中查看链接。
- 编写一个单HTML文档：
<!doctype html>到</html>，CSS内联。- 使用
margin: 0 auto使列居中。设置body { background: <色调> }使邮件在页面上的隐喻可读。 - 不使用外部图片——使用内联SVG或设计系统有色调的渐变块来模拟产品图片。
- 在报头、主图、标题、行动号召按钮、规格上添加
data-od-id。
- 自我检查：
- 邮件从上到下阅读时间控制在8–10秒内。
- 仅一个行动号召按钮。强调色最多出现两次（眉标 + 行动号召按钮，或标题中的一个词）。
- 在480px宽的窗口上清晰可读（列自适应，字体降一档）。
输出约定
在 <artifact> 标签内输出：
<artifact identifier="email-slug" type="text/html" title="邮件 — 主题行">
<!doctype html>
<html>...</html>
</artifact>
在工件前输出一句话，之后不输出任何内容。