用途:为自有渠道设计横幅图形,包括网站首屏与区块横幅、邮件头图、活动与会议横幅、侧栏推广、通知栏等。
主要能力:先读取 .agents/design-context.md 获取品牌色(hex)、字体与风格原型;缺失时使用设计上下文默认回退值并告知用户。可借助 Gemini 图像生成路径(prompt craft、裁剪、文字叠加回退见 graphic-design 第 3 步),按指定比例生成后加 --resize WxH(例如 --aspect-ratio 21:9 --resize 1440x600),网站/邮件横幅按 2x 导出再以 1x 显示。
尺寸与用法:网站横幅含首屏 1440x600(21:9)、高首屏 1440x800(16:9)、区块 1440x400(4:1)、侧栏 300x250 或 300x600、通知栏整宽x48px、同意栏整宽x80px;邮件头 600x200(21:9)、邮件主图 600x300(16:9)、邮件横幅 600x150(4:1);活动横幅 1200x400(21:9)、Meetup 1200x675(16:9)、Eventbrite 2160x1080(16:9)、会议 1920x600(4:1)。
限制与约束:邮件使用表格布局、最大 600px、仅内联样式,字体用 Arial/Helvetica/sans-serif,背景图需设背景色回退,所有图片设 width、height、alt、display:block,避免 CSS 简写,建议在 Litmus 或 Email on Acid 测试。动效须包裹在 @media (prefers-reduced-motion: no-preference) 中并保证首帧标题可读。文字对比度:普通文本 4.5:1,大号(>=24px 或 >=18.66px 粗体)3:1。输出为自包含的 HTML/CSS。质量检查包括尺寸匹配、拼写与可读性、层级清晰、CTA 突出、品牌色与字体应用、响应式、动效不干扰、加载性能、邮件横幅布局合规、季节促销语言一致。