上次我们公开了价格和分成（月卡 3 块、推广分 55%），有人说我们疯了。这次我们连做宣传图的标准也一起公开。
不是没东西藏，而是这些"标准"本身就是长期打磨出来的经验：哪些尺寸、哪些颜色、什么文案能让人点进来、哪些错绝对不能犯。公开它，比藏着它更能说明我们做产品有多认真。
下面这份就是我们的企业宣传出图规范，照着做，你也能做出一张干净、高级、有钩子的宣传图。
一、出图总原则
- 数字与品牌文字，永不交给 AI 渲染。AI 出图经常把价格、百分比、品牌名画错（我们踩过坑：1.65 元被画成"16 元"、55% 被画成"¥55%"）。一律先用 HTML/CSS 排版，再用无头浏览器截图成图，保证零错字、零错数。
- 先有钩子文案，再设计版式。没有钩子的图不做。
- 一张图只讲一件事，信息层级不超过 3 层：钩子标题 → 利益点副标 → 数据/二维码。
- 品牌名固定写法：Driiiip（英文 4 个 i）+ 词多多（中文），全站统一。
二、画幅与用途
| 用途 | 尺寸 | 比例 | 说明 |
|---|---|---|---|
| 公众号一级封面 | 900 × 383 | 2.35 : 1 | 文章头部封面，标题需在左侧安全区 |
| 公众号次图 / 朋友圈 | 500 × 500 | 1 : 1 | 方图，居中构图 |
| 官网首屏横幅 | 1600 × 640 | 2.5 : 1 | 纯视觉可放 AI 图，文字需代码叠加 |
| 文章内配图（数据卡） | HTML 直接排版 | 自适应 | 价格、分润等数据卡用 HTML 做，不用图片 |
| 小红书 / 抖音封面 | 1080 × 1080 | 1 : 1 | 同 1:1 方图规范 |
三、品牌色
| 用途 | 色值 | 用法 |
|---|---|---|
| 主品牌蓝 | #1A6EFF | 按钮、链接、强调元素 |
| 深字色 | #0F1B33 | 标题、正文主色 |
| 次级灰 | #5B6B85 | 辅助说明文字 |
| 强调红 | #E33 | 价格、关键数字、钩子强调 |
| 微信绿 | #07C160 | 微信搜索 / 小程序引导 |
| 深底封面渐变 | #0A2A66 → #1A6EFF | 高点击率封面背景 |
四、字体与字号
| 元素 | 字号 | 规范 |
|---|---|---|
| 封面主标题 | 40 – 46 px | 800 字重，最多 2 行，字距 0.5 – 1 px |
| 封面副标题 | 18 – 22 px | 600 字重，1 行利益点 |
| 数据条数字 | 24 – 28 px | 800 字重，强调色 |
| 正文 / 标签 | 12 – 16 px | 400 – 600 字重 |
| 字体族 | — | 微软雅黑 / PingFang SC 优先，不引入第三方字体 |
五、封面版式模板（2.35 : 1）
- 顶栏：左侧品牌名「Driiiip 词多多」，右侧栏目胶囊标签（如"副业计划 · 推广合伙人"）。
- 主标题区：左对齐，距左 56 px 安全边距，钩子大字，2 行以内。
- 副标题：主标题下方 18 px 处，1 行，点明利益点。
- 底部数据条：3 张半透明圆角卡，数字加粗用强调色，各卡等宽等距。
- 右侧：真实小程序码卡片（白底圆角 + "扫码体验" + "微信扫一扫 / 长按识别"）。
- 背景：品牌渐变（浅色版 / 深色版二选一）+ 细网格或点阵纹理 + 柔和光晕，保持干净高级。
六、文案钩子规范
- 悬念式：不说透，让人想点进来。例："这个老板的格局，真的把我整不会了"。
- 数字具象：价格、分润、收益具体到元 / 角。例："月卡 3 块，推广还分 55%""每单到手 1.65 元"。
- 口语化：说人话，像朋友聊天，不用书面腔。
- 对比 / 反差制造冲突：便宜到不敢相信、分得多到像做慈善。
- 封面主标题尽量 ≤ 16 字，只留 1 个钩子；数据放副标和底部。
「钩子不是标题党。是把一件真事，用一句话说到人心里去。」
七、禁忌红线
- 数字、价格、百分比、品牌名出现 AI 渲染错字/错数 = 报废重做；品牌名少一个 i 也不行。
- 不用"最""第一""绝对"等极限词。
- 不虚构收益、销量、用户评价等数据。
- 公众号封面安全区：左右 56 px、上下边缘留白，关键信息不贴边。
- 不出无钩子的"大而全"宣传图。
八、落地工具
- 排版：HTML/CSS 封面模板，品牌色、字号、间距按本规范。
- 截图：无头浏览器，窗口尺寸 = 目标画幅（如 900 × 383）。
- 部署：官网统一走部署脚本，部署后比对线上字节数确认。
规范会跟着产品一起迭代。以后我们每次出图，都按这套标准来——你看到我们发的每一张图，都是这套规范的成品。
