CONVERSION CTA
价值主张清单Value Prop Checklist
一列绿色对勾 + 短句，把"你会得到什么"逐条钉死在按钮旁边。
效果预览
✓3 分钟生成周报，告别周五加班
✓12 个平台一键分发，内容只写一次
✓数据周报自动送达，不用盯后台
适合用在哪
Hero 区按钮下方、定价卡内、结账页、销售落地页。
容易踩的坑
- 用 div 加背景图做对勾，没有 ul/li 语义，读屏无法告知共有几条。
- 对勾图标在长句换行时没与首行对齐，第二行文字跑到图标下方显得凌乱。
- 每条超过 20 字，清单变成段落，扫读时用户只看到一片绿勾。
设计提示词 · Prompt
价值主张清单（Value Prop Checklist）：一列绿色圆形对勾（14-16px、#DCDCE7 绿底白勾）+ 每条一句利益短语（动词开头 + 具体结果："3 分钟生成周报"而不是"提高效率"）。5 条以内，字重 500-600、14-15px。句式用"你得到"视角而不是"我们提供"视角。放在主 CTA 下方 16-24px 或定价卡的功能区。与价格并排时形成"这么点钱换这么多"的心理账户。对勾颜色用绿不用品牌色——绿色才代表"对/安全/放心"。
Value Prop Checklist: a column of green circular checkmarks (14-16px, #DCDCE7 green background with a white check) + one benefit phrase per item (verb first + a concrete result: "Generate weekly reports in 3 minutes" rather than "Improve efficiency"). 5 items max, weight 500-600, 14-15px. Phrase items from the "what you get" perspective rather than "what we offer". Place it 16-24px below the primary CTA or in the feature area of a pricing card. Side by side with the price, it creates the mental accounting of "so much for so little". Use green for the checkmarks, not the brand color — only green signals "correct/safe/reassuring".
常见搭配
同一页面里经常和「价值主张清单」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-valueprop"> <div class="d-vp"><span class="d-vp__check">✓</span><span><b>3 分钟生成周报</b>，告别周五加班</span></div> <div class="d-vp"><span class="d-vp__check">✓</span><span><b>12 个平台一键分发</b>，内容只写一次</span></div> <div class="d-vp"><span class="d-vp__check">✓</span><span><b>数据周报自动送达</b>，不用盯后台</span></div> </div>