跳到正文
GuideMake
指南
Getting started Assets
标识
Logo Brand attributes Co-branding
色彩
Foundation colors 基础渐变
字形
Chinese typeface English typeface
图形
Diagrams Iconography Illustration
品牌感受
Long image themes Moodboard Presentations Social Swag
动效
Overview
用户_84520…免费
MCP 服务
生活号 BrandKit/品牌感受/Long image themes

长图主题系统,把数据叙事、经营转化和品牌活动整理为可复用的 Token、组件范围与生成规则。

README 约束 Skill

全局颜色

本分支统一读取六种基础色与五组渐变;本页只维护内容结构与模板参数。

Components

text生活旺卡标题investtitle省心投标题acquisition获客分类benefits权益对比qrcode二维码rules规则表格tutorial步骤教程uplift增幅对比prep投前准备casecard行业案例benchmark行业基准

应该这样做

  • 先说明商家得到什么,再解释条件和步骤。
  • 规则表格使用短句、清楚分组和一致对齐。
  • 配色直接引用全局基础色或十二组渐变,不建立主题专用色板。

不要这样做

  • 不要把重要限制藏在页尾小字里。
  • 不要用营销口号代替明确的适用条件。
AGENT PROMPT可直接交给生成工具
使用生活号「经营转化」长图结构。颜色读取全局 v1.1;字号、网格和组件按本模板定义。用权益、规则、步骤和案例把复杂经营方案拆成清楚、可信、可以马上行动的说明。

这条规范如何写成代码

{
  "brand.longImage.theme.businessConversion.moduleRadius": {
    "$value": {
      "value": 34,
      "unit": "px"
    }
  }
}

brand.longImage.theme.businessConversion.moduleRadius经营转化主题使用的友好大圆角,适合权益、步骤和操作说明。

全局颜色

本分支统一读取六种基础色与五组渐变;本页只维护内容结构与模板参数。

Components

metric大字数据line双数据折线bar渐变柱状图media图文信息growth增长对比cancellation取消率柱图stackedbar堆叠柱图transfer传输面积图miniline迷你折线donut环形占比slogan大字口号insightbars参与洞察insightwave增长洞察insightblocks年度洞察

应该这样做

  • 每个模块先写清一个结论,再选择图表。
  • 重要数字使用大字号,单位和来源降一级。
  • 配色直接引用全局基础色或十二组渐变,不建立主题专用色板。

不要这样做

  • 不要为了填满版面同时放入所有图表类型。
  • 不要让大数字、图表标题和结论争夺同一层级。
AGENT PROMPT可直接交给生成工具
使用生活号「数据叙事」长图结构。颜色读取全局 v1.1;字号、网格和组件按本模板定义。用大数字、趋势、对比与图文模块把连续数据讲成一条容易扫读的结论链。

这条规范如何写成代码

{
  "brand.longImage.theme.dataNarrative.moduleRadius": {
    "$value": {
      "value": 12,
      "unit": "px"
    }
  }
}

brand.longImage.theme.dataNarrative.moduleRadius数据叙事主题使用的紧凑模块圆角,让图表更像分析面板而不是营销卡片。

全局颜色

本分支统一读取六种基础色与五组渐变;本页只维护内容结构与模板参数。

Components

benefitcard福利卡片sectiontitle模块标题statgrid数据矩阵industrybar行业增速

应该这样做

  • 用模块标题和数据矩阵建立明显的章节节奏。
  • 配色直接引用全局基础色或十二组渐变,不建立主题专用色板。

不要这样做

  • 不要把所有模块都做成发光卡片。
  • 不要在同一屏放置多个同等权重的活动口号。
AGENT PROMPT可直接交给生成工具
使用生活号「品牌活动」长图结构。颜色读取全局 v1.1;字号、网格和组件按本模板定义。用更强的品牌色、活动标题、福利卡和数据矩阵制造节奏,适合需要情绪和传播力的内容。

这条规范如何写成代码

{
  "brand.longImage.theme.brandCampaign.moduleRadius": {
    "$value": {
      "value": 26,
      "unit": "px"
    }
  },
  "brand.longImage.theme.brandCampaign.sectionRadius": {
    "$value": {
      "value": 0,
      "unit": "px"
    }
  }
}

brand.longImage.theme.brandCampaign.moduleRadius品牌活动主题的数据矩阵和福利模块圆角。

brand.longImage.theme.brandCampaign.sectionRadius品牌活动主题的章节色带保持直角,形成明确的段落切分。