{
  "id": "mangguo-standard",
  "name": "数字芒果派 · 标准排版",
  "shortName": "标准排版",
  "version": "1.0.0",
  "updated": "2026-11-10",
  "source": {
    "title": "分析了100篇爆款公众号文章的文章之后，我做了一个工具",
    "account": "数字芒果派",
    "author": "超超",
    "published": "2026-09-17",
    "url": "https://mp.weixin.qq.com/s/5i1kM1euKk8ZT49pEWSRkg",
    "tool": "Yooco · 公众号排版实验室",
    "toolUrl": "https://github.com/badboy0080/yocoTextDesign",
    "method": "解析正文 #js_content 内联样式，统计 144 处 style 声明后取高频值"
  },
  "tokens": {
    "textColor": {
      "value": "#374151",
      "label": "正文色",
      "note": "rgb(55,65,81)，正文与标题同色"
    },
    "accentColor": {
      "value": "#869E0A",
      "label": "强调色",
      "note": "rgb(134,158,10)，序号 / 小标签 / 链接"
    },
    "highlightColor": {
      "value": "#C8D98C",
      "label": "重点底色",
      "note": "rgb(200,217,140)，黄绿荧光笔"
    },
    "highlightTextColor": {
      "value": "#000000",
      "label": "重点文字色",
      "note": "高亮处用纯黑 + 700 字重"
    },
    "cardColor": {
      "value": "#F3F6E9",
      "label": "卡片底色",
      "note": "同色系推导，浅橄榄白"
    },
    "quoteColor": {
      "value": "#F7F9F1",
      "label": "引用底色",
      "note": "同色系推导，比卡片更浅"
    },
    "cardTitleColor": {
      "value": "#111827",
      "label": "卡片标题色",
      "note": "rgb(17,24,39)，13px / 600"
    },
    "linkColor": {
      "value": "#869E0A",
      "label": "链接色",
      "note": "跟随强调色"
    },
    "codeBackground": {
      "value": "#F3F4F6",
      "label": "代码底色",
      "note": "中性灰，不用品牌色"
    },
    "codeColor": {
      "value": "#1F2937",
      "label": "代码文字色",
      "note": "深灰，保证可读性"
    },
    "dividerColor": {
      "value": "#E5E7EB",
      "label": "分隔线色",
      "note": "1px 浅灰"
    },
    "pageColor": {
      "value": "#FFFFFF",
      "label": "页面底色",
      "note": "纯白"
    },
    "mutedColor": {
      "value": "#9CA3AF",
      "label": "辅助文字色",
      "note": "rgb(156,163,175)，10px / 800 / .25em 字距"
    },
    "titleColor": {
      "value": "#111827",
      "label": "标题色",
      "note": "rgb(17,24,39)"
    },
    "borderColor": {
      "value": "#E5E7EB",
      "label": "描边色",
      "note": "卡片与分隔线共用"
    }
  },
  "typography": {
    "fontFamily": {
      "value": "system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"PingFang SC\", \"Hiragino Sans GB\", \"Microsoft YaHei\", sans-serif",
      "label": "字体栈",
      "note": "系统字体，微信后台不会贴坏"
    },
    "fontSize": {
      "value": 17,
      "unit": "px",
      "label": "正文字号"
    },
    "lineHeight": {
      "value": 1.9,
      "unit": "",
      "label": "正文行高"
    },
    "letterSpacing": {
      "value": 0.5,
      "unit": "px",
      "label": "正文字距"
    },
    "paragraphSpacing": {
      "value": 20,
      "unit": "px",
      "label": "段间距",
      "note": "margin: 0 0 20px"
    },
    "textAlign": {
      "value": "justify",
      "label": "对齐",
      "note": "两端对齐"
    },
    "textIndent": {
      "value": 0,
      "unit": "px",
      "label": "首行缩进"
    },
    "headingSize": {
      "value": 26,
      "unit": "px",
      "label": "小标题字号"
    },
    "headingWeight": {
      "value": 900,
      "unit": "",
      "label": "小标题字重"
    },
    "headingLineHeight": {
      "value": 1.35,
      "unit": "",
      "label": "小标题行高"
    },
    "headingSpacingBefore": {
      "value": 36,
      "unit": "px",
      "label": "标题上留白"
    },
    "headingSpacingAfter": {
      "value": 14,
      "unit": "px",
      "label": "标题下留白"
    },
    "headingLetterSpacing": {
      "value": -0.04,
      "unit": "em",
      "label": "标题字距"
    },
    "listIndent": {
      "value": 1.5,
      "unit": "em",
      "label": "列表缩进"
    },
    "listItemSpacing": {
      "value": 6,
      "unit": "px",
      "label": "列表项间距"
    },
    "quoteLineHeight": {
      "value": 1.6,
      "unit": "",
      "label": "引用行高"
    },
    "quoteLetterSpacing": {
      "value": 0.034,
      "unit": "em",
      "label": "引用字距"
    }
  },
  "shapes": {
    "headingStyle": {
      "value": "index",
      "label": "标题造型",
      "note": "大号半透明序号 + 26px 粗标题（原文 1.35em / 900 / rgba(134,158,10,.55)）"
    },
    "highlightStyle": {
      "value": "background",
      "label": "重点造型",
      "note": "黄绿底色 + 3px 圆角 + 左右 2px 内边距"
    },
    "highlightRadius": {
      "value": 3,
      "unit": "px",
      "label": "重点圆角"
    },
    "highlightPadding": {
      "value": 2,
      "unit": "px",
      "label": "重点内边距"
    },
    "cardStyle": {
      "value": "soft",
      "label": "卡片造型"
    },
    "listStyle": {
      "value": "dot",
      "label": "列表造型"
    },
    "showDivider": {
      "value": true,
      "label": "显示分隔线"
    },
    "styleVariant": {
      "value": "standard",
      "label": "版式变体"
    }
  },
  "themeParams": {
    "styleVariant": "standard",
    "textColor": "#374151",
    "accentColor": "#869E0A",
    "highlightColor": "#C8D98C",
    "highlightTextColor": "#000000",
    "cardColor": "#F3F6E9",
    "quoteColor": "#F7F9F1",
    "cardTitleColor": "#111827",
    "pageColor": "#FFFFFF",
    "linkColor": "#869E0A",
    "codeBackground": "#F3F4F6",
    "codeColor": "#1F2937",
    "dividerColor": "#E5E7EB",
    "mutedColor": "#9CA3AF",
    "titleColor": "#111827",
    "borderColor": "#E5E7EB",
    "bodyFont": "system",
    "headingFont": "system",
    "textAlign": "justify",
    "textIndent": 0,
    "fontSize": 17,
    "lineHeight": 1.9,
    "letterSpacing": 0.5,
    "paragraphSpacing": 20,
    "contentWidth": 620,
    "headingLetterSpacing": -0.04,
    "readingDensity": "standard",
    "titleSize": 26,
    "headingSize": 26,
    "subheadingSize": 23,
    "minorHeadingSize": 20,
    "headingWeight": 900,
    "headingLineHeight": 1.35,
    "headingSpacingBefore": 36,
    "headingSpacingAfter": 14,
    "headingStyle": "index",
    "cardStyle": "soft",
    "listStyle": "dot",
    "highlightStyle": "background",
    "highlightRadius": 3,
    "highlightPadding": 2,
    "listIndent": 1.5,
    "listItemSpacing": 6,
    "linkUnderline": true,
    "quoteTitleSize": 11,
    "cardTitleSize": 11,
    "cardBorderWidth": 1,
    "dividerThickness": 1,
    "dividerMargin": 28,
    "codeFontSize": 13,
    "codeLineHeight": 1.6,
    "captionSize": 11,
    "cardRadius": 12,
    "cardPadding": 20,
    "imageRadius": 12,
    "showQuote": true,
    "showDivider": true,
    "showImage": true,
    "theme": "mangguo-standard",
    "articleType": "auto",
    "showSignature": false,
    "vibe": "default"
  },
  "rules": [
    "开头先给「本文脉络」三条目录，用 10px / 800 / .25em 字距的灰色小标签做栏目感",
    "每节用「01 / 02 / 03」大号序号 + 26px 粗标题，上留白 36px、下留白 14px",
    "正文一段只说一件事，段间 20px，17px 字号配 1.9 行高、0.5px 字距",
    "关键结论只高亮短语，不整段涂色；高亮处纯黑加粗",
    "口语短句单独成段（「对吧？」「重点来了。」）当呼吸口",
    "列表缩进 1.5em、项间 6px；引用 1.6 行高、0.034em 字距",
    "配图居中，分隔线用 1px 浅灰，不叠加多层卡片",
    "结尾回到观点，不堆参数；品牌色固定一套，之后一键复用"
  ],
  "htmlTemplate": "<section style=\"box-sizing:border-box;color:#374151;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI','PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif;font-size:17px;line-height:1.9;letter-spacing:.5px;text-align:justify;background:#fff;padding:0 2px;\">\n\n  <!-- 栏目标签 -->\n  <p style=\"margin:0 0 10px;color:#9CA3AF;font-size:10px;font-weight:800;letter-spacing:.25em;text-align:left;\">SECTION / 01</p>\n\n  <!-- 序号小标题 -->\n  <h3 style=\"margin:36px 0 14px;color:#374151;font-size:26px;line-height:1.35;font-weight:900;letter-spacing:-.04em;text-align:left;\"><span style=\"display:inline-block;margin-right:12px;color:rgba(134,158,10,.55);font-size:1.35em;font-weight:900;\">01</span>这里写小标题</h3>\n\n  <!-- 正文 -->\n  <p style=\"margin:0 0 20px;line-height:1.9;letter-spacing:.5px;text-align:justify;\">正文一段只说一件事。<strong style=\"font-weight:700;color:#111827;\">加粗给结论</strong>，<span style=\"padding:0 2px;border-radius:3px;background:#C8D98C;color:#000;font-weight:700;\">高亮只给短语</span>，不要把整段涂满。</p>\n\n  <!-- 短句呼吸口 -->\n  <p style=\"margin:0 0 20px;line-height:1.9;letter-spacing:.5px;text-align:justify;\">重点来了。</p>\n\n  <!-- 列表 -->\n  <p style=\"margin:0 0 6px;padding-left:1.5em;line-height:1.9;letter-spacing:.5px;text-align:left;\">· 第一条要点</p>\n  <p style=\"margin:0 0 6px;padding-left:1.5em;line-height:1.9;letter-spacing:.5px;text-align:left;\">· 第二条要点</p>\n\n  <!-- 卡片 -->\n  <section style=\"box-sizing:border-box;margin:0 0 20px;padding:20px;border-radius:12px;background:#F3F6E9;border:1px solid #E5E7EB;\">\n    <p style=\"margin:0 0 8px;color:#111827;font-size:13px;font-weight:600;\">卡片标题</p>\n    <p style=\"margin:0;color:#374151;font-size:17px;line-height:1.9;letter-spacing:.5px;\">卡片正文，放补充说明或一句可摘出来的话。</p>\n  </section>\n\n  <!-- 引用 -->\n  <section style=\"box-sizing:border-box;margin:0 0 20px;padding:16px 20px;border-left:3px solid #869E0A;background:#F7F9F1;\">\n    <p style=\"margin:0;color:rgba(0,0,0,.9);font-size:17px;line-height:1.6;letter-spacing:.034em;\">引用文字：阅读体验，本身就是内容的一部分。</p>\n  </section>\n\n  <!-- 分隔线 -->\n  <section style=\"margin:28px 0;border-top:1px solid #E5E7EB;\"></section>\n\n</section>"
}