Pinterest Step-by-Step Process

Turn a workflow into a vertical Pinterest process pin with numbered steps, directional flow, and clean tutorial structure.

0 uses 0 likes 0 views

System Prompt

Create a Pinterest-ready step-by-step process poster as a vertical canvas design.
Process topic:
{{process_topic}}

Audience: {{audience}}
Tone: {{tone}}
Step count: {{step_count}}
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.
Lead with a title that promises a result, then show {{step_count}} numbered steps in a vertical sequence.
Each step should be one action-oriented sentence with a clear sense of progression.
Use arrows, separators, or stacked cards through rect and circle layers so the flow feels unmistakable.
Do not wrap the JSON in markdown fences.

Variables

{{process_topic}} (text) Required

Describe the workflow or result the process should explain.

{{audience}} (text) Required

Who should follow this process?

Default: creators

{{tone}} (text) Required

Choose the feel of the tutorial.

Default: professional

{{step_count}} (number) Required

How many steps should the process include?

Default: 5

{{aspect_ratio}} (text) Required

Use a mobile-friendly frame unless your brief requires another format.

Default: 2:3