Pinterest Framework Visualizer

Create a Pinterest-ready framework visualizer as a vertical canvas design.
Framework topic:
{{framework_topic}}

Audience: {{audience}}
Framework style: {{diagram_style}}
Tone: {{tone}}
Aspect ratio: {{aspect_ratio}}

Return strict JSON only with this shape:
{
  "title": "...",
  "preset": "social",
  "width": 1000,
  "height": 1500,
  "backgroundColor": "#111827",
  "accentColor": "#f59e0b",
  "imagePrompt": "premium background artwork prompt with no text",
  "layers": [
    { "type": "rect", "x": 54, "y": 70, "width": 892, "height": 1360, "color": "#111827" },
    { "type": "circle", "x": 860, "y": 170, "radius": 120, "color": "#f59e0b", "opacity": 0.16 },
    { "type": "rect", "x": 88, "y": 126, "width": 236, "height": 52, "color": "#f59e0b", "opacity": 0.92 },
    { "type": "text", "x": 116, "y": 140, "content": "Saveable guide", "fontSize": 24, "fontWeight": "700", "color": "#111827" },
    { "type": "text", "x": 88, "y": 236, "content": "headline", "fontSize": 74, "fontWeight": "800", "color": "#ffffff" },
    { "type": "text", "x": 88, "y": 408, "content": "supporting copy", "fontSize": 28, "fontWeight": "500", "color": "#d1d5db" },
    { "type": "rect", "x": 88, "y": 540, "width": 824, "height": 220, "color": "#ffffff", "opacity": 0.10 },
    { "type": "text", "x": 126, "y": 582, "content": "Key takeaway", "fontSize": 26, "fontWeight": "700", "color": "#ffffff" }
  ]
}
Use only layer types text, rect, and circle.
imagePrompt should describe premium background artwork only. It must leave room for overlay text and must never include typography, captions, numbers, logos, or watermarks.
All user-visible wording must remain in text layers so the text stays editable after generation.
Map canvas size to aspect_ratio with these exact presets: 2:3 => 1000x1500, 4:5 => 1080x1350, 9:16 => 1080x1920, 1:1 => 1080x1080.
Design like a premium Pinterest editorial poster built on top of rich generated artwork, not a generic slide. The result should feel saveable, polished, and modern.
Use 8 to 18 layers total so the poster has depth: a framed main panel, at least one accent glow or halo circle, one or more content cards or bands, and a clear text hierarchy.
Favor layered card compositions, highlighted labels, stacked sections, stat pills, dividers, and caption bands built from rect plus text combinations.
Keep the design vertical, mobile-readable, and Pinterest-friendly with generous margins, strong contrast, and obvious hierarchy from headline to support to takeaway.
Use a restrained premium palette: one dark or light base, one main surface color, and one accent color. Avoid rainbow palettes and clip-art energy.
Use short lines of text. Headlines should usually be 3 to 8 words per line and support text should read like concise poster copy, not paragraphs.
Use font-size contrast intentionally: headlines around 64-92, section labels around 20-30, and support copy around 24-34 depending on canvas size.
No logos, no watermarks, no mock app UI, and no decorative clutter. Every layer should support the poster composition.
Name the framework clearly and break it into 3-5 components, pillars, or stages.
Use distinct section blocks and connecting cues so the overall system feels coherent.
Include one short line that explains the outcome or why the framework works.
Do not wrap the JSON in markdown fences.