Generate Mixed Media Creative
Combine a selected image variation with ad copy to create a complete, platform-ready advertising creative with text overlay.
Workflow
Step 1: Validate Inputs
Verify required inputs:
- selectedImage: Image variation with URL, dimensions, variation_id
- adCopy: Ad copy with headline, body_copy, cta
- platform: Target platform for formatting
Step 2: Determine Text Placement
Based on platform and image dimensions:
| Platform |
Text Position |
Safe Zone |
| TikTok (9:16) |
Top 20%, Bottom 30% |
Center 50% for image |
| Instagram Feed (1:1) |
Top 15%, Bottom 25% |
Center for image |
| Instagram Story (9:16) |
Top 15%, Bottom 35% |
Center 50% for image |
| Facebook Feed (1.91:1) |
Left 40% or Bottom 25% |
Right/Top for image |
| LinkedIn (1.91:1) |
Left 35% or Bottom 20% |
Right/Top for image |
Step 3: Format Text Elements
Headline:
- Font size: 24-48px depending on platform
- Font weight: Bold
- Color: High contrast with image (white with shadow or dark)
- Position: Primary text zone
Body Copy:
- Font size: 14-20px
- Font weight: Regular
- Color: Match headline scheme
- Position: Below headline
CTA:
- Font size: 16-24px
- Style: Button or highlighted text
- Color: Accent color (platform brand or campaign color)
- Position: Bottom of text zone
Step 4: Generate Composite
Create the final composite by:
- Loading source image at platform dimensions
- Adding semi-transparent overlay in text zones if needed
- Rendering headline, body copy, and CTA
- Exporting as PNG (lossless) or JPEG (optimized)
Step 5: Return JSON Output
Return this structure:
{
"generated_at": "ISO timestamp",
"composite_image_url": "URL of final composite",
"thumbnail_url": "thumbnail URL or null",
"mime_type": "image/png or image/jpeg",
"platform": "target platform",
"dimensions": { "width": 1080, "height": 1920 },
"source_image_variation": "A or B",
"ad_copy_used": {
"headline": "headline text",
"body_copy": "body copy text",
"cta": "CTA text"
}
}
Platform-Specific Guidelines
TikTok
- Bold, attention-grabbing headlines
- Short body copy (1-2 lines)
- Energetic CTA ("Try Now!", "Get Started!")
- Vertical format with text at top/bottom
Instagram
- Aesthetic, clean typography
- Moderate body copy length
- Lifestyle-oriented CTA ("Shop Now", "Learn More")
- Square or vertical format
Facebook
- Clear, informative headlines
- Longer body copy acceptable
- Direct CTA ("Sign Up", "Get Offer")
- Landscape format with left-aligned text
LinkedIn
- Professional, credible headlines
- Business-focused body copy
- Professional CTA ("Request Demo", "Download Report")
- Landscape format with clean layout
Important Notes
- Ensure text is readable against image background
- Use text shadows or overlays for contrast
- Respect platform safe zones for interactive elements
- Maintain brand consistency in typography
- Export at platform-native resolution
- Include both PNG and JPEG options when possible
1---2name: generate-mixed-media3description: Combine selected ad images with ad copy to create platform-ready mixed media creatives. Use when compositing text overlays onto images, creating final ad assets, or generating downloadable advertising creatives. Triggers on requests to combine image and copy, create final ad creative, generate composite ads, or produce platform-ready ad assets.4---5
6# Generate Mixed Media Creative
7
8Combine a selected image variation with ad copy to create a complete, platform-ready advertising creative with text overlay.
9
10## Workflow
11
12### Step 1: Validate Inputs
13
14Verify required inputs:
15- **selectedImage**: Image variation with URL, dimensions, variation_id
16- **adCopy**: Ad copy with headline, body_copy, cta
17- **platform**: Target platform for formatting
18
19### Step 2: Determine Text Placement
20
21Based on platform and image dimensions:
22
23| Platform | Text Position | Safe Zone |
24|----------|---------------|-----------|
25| TikTok (9:16) | Top 20%, Bottom 30% | Center 50% for image |
26| Instagram Feed (1:1) | Top 15%, Bottom 25% | Center for image |
27| Instagram Story (9:16) | Top 15%, Bottom 35% | Center 50% for image |
28| Facebook Feed (1.91:1) | Left 40% or Bottom 25% | Right/Top for image |
29| LinkedIn (1.91:1) | Left 35% or Bottom 20% | Right/Top for image |
30
31### Step 3: Format Text Elements
32
33**Headline**:
34- Font size: 24-48px depending on platform
35- Font weight: Bold
36- Color: High contrast with image (white with shadow or dark)
37- Position: Primary text zone
38
39**Body Copy**:
40- Font size: 14-20px
41- Font weight: Regular
42- Color: Match headline scheme
43- Position: Below headline
44
45**CTA**:
46- Font size: 16-24px
47- Style: Button or highlighted text
48- Color: Accent color (platform brand or campaign color)
49- Position: Bottom of text zone
50
51### Step 4: Generate Composite
52
53Create the final composite by:
541. Loading source image at platform dimensions
552. Adding semi-transparent overlay in text zones if needed
563. Rendering headline, body copy, and CTA
574. Exporting as PNG (lossless) or JPEG (optimized)
58
59### Step 5: Return JSON Output
60
61Return this structure:
62
63{
64 "generated_at": "ISO timestamp",
65 "composite_image_url": "URL of final composite",
66 "thumbnail_url": "thumbnail URL or null",
67 "mime_type": "image/png or image/jpeg",
68 "platform": "target platform",
69 "dimensions": { "width": 1080, "height": 1920 },
70 "source_image_variation": "A or B",
71 "ad_copy_used": {
72 "headline": "headline text",
73 "body_copy": "body copy text",
74 "cta": "CTA text"
75 }
76}
77
78## Platform-Specific Guidelines
79
80### TikTok
81- Bold, attention-grabbing headlines
82- Short body copy (1-2 lines)
83- Energetic CTA ("Try Now!", "Get Started!")
84- Vertical format with text at top/bottom
85
86### Instagram
87- Aesthetic, clean typography
88- Moderate body copy length
89- Lifestyle-oriented CTA ("Shop Now", "Learn More")
90- Square or vertical format
91
92### Facebook
93- Clear, informative headlines
94- Longer body copy acceptable
95- Direct CTA ("Sign Up", "Get Offer")
96- Landscape format with left-aligned text
97
98### LinkedIn
99- Professional, credible headlines
100- Business-focused body copy
101- Professional CTA ("Request Demo", "Download Report")
102- Landscape format with clean layout
103
104## Important Notes
105
106- Ensure text is readable against image background
107- Use text shadows or overlays for contrast
108- Respect platform safe zones for interactive elements
109- Maintain brand consistency in typography
110- Export at platform-native resolution
111- Include both PNG and JPEG options when possible