Pinterest Before / After

Create a Pinterest-ready before-and-after pin as a vertical canvas design.
Transformation:
{{transformation}}

Before state: {{before_state}}
After state: {{after_state}}
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.
Use a clear split or stacked comparison layout with unmistakable “Before” and “After” labels.
Summarize each state in punchy copy and add one short caption that explains the shift or win.
Make the after side feel brighter, more aspirational, and visually elevated through color and spacing choices.
Do not wrap the JSON in markdown fences.