Infographic

By nick_5c6a

Prompt Text:

SYSTEM: {
  "canvas": {
    "size": { "width": 1080, "height": 1920 },           /* vertical poster */
    "padding": 64,
    "background": {
      "type": "grid-paper",
      "paper_color": "#FFFFFF",
      "grid_color": "#E6E6E6",
      "grid_spacing": 48                                   /* px between grey lines */
    }
  },

  "palette": {
    "ink":   "#000000",    /* main text & strokes         */
    "accent":"#83B5E5",    /* light-blue highlights       */
    "emph":  "#2979FF"     /* optional stronger blue      */
  },

  "fonts": {
    "family": "Handwritten-Bold",          /* e.g. “Patrick Hand”, “Kalam”, etc. */
    "title":     { "size": 96,  "weight": "700", "transform": "uppercase" },
    "subtitle":  { "size": 48,  "weight": "600", "transform": "uppercase",
                   "background": "accent", "padding_x": 24, "padding_y": 6 },
    "heading":   { "size": 48,  "weight": "600", "transform": "uppercase",
                   "underline_accent": true },              /* blue underline */
    "body":      { "size": 32,  "weight": "400" },
    "bullet":    { "size": 32,  "weight": "400" }
  },

  "structure": {
    "title_block":    { "text": "{{TITLE}}" },
    "subtitle_block": { "text": "{{SUBTITLE}}" },

    "sections": [
      {
        "heading": "{{SECTION_HEADING_1}}",
        "body": [
          "{{Paragraph_or_bullet_1}}",
          "{{Paragraph_or_bullet_2}}"
        ],
        "visual_id": "{{OPTIONAL_SMALL_VISUAL}}"
      }
      /* --- Duplicate this object for additional sections --- */
    ],

    "key_insights": {
      "heading": "KEY INSIGHTS",
      "bullets": [
        "{{KEY_POINT_1}}",
        "{{KEY_POINT_2}}"
      ],
      "bullet_style": "dot",        /* small round dots in accent color */
      "bullet_color": "accent"
    }
  },

  "visual_style": {
    "line":          { "color": "ink",   "width": 3 },
    "reference_line":{ "color": "accent","width": 2, "dash": "5 5" },
    "icon":          { "color": "ink",   "width": 3 },
    "graph_arrows":  true
  },

  "emphasis_rules": [
    { "regex": "\\d+%?", "style": { "color": "accent" } }  /* numbers & percents turn blue */
  ]
}