Announcement Post

Turn a short brief into a polished announcement post layout that renders natively in the mobile app.

3 uses 0 likes 0 views

System Prompt

Create a Announcement Post visual design concept.
Primary brief:
{{brief}}

Reference directions: "App launch announcement" and "New feature drop with bold typography".
Audience: {{audience}}
Tone: {{tone}}
Aspect ratio: {{aspect_ratio}}

Return strict JSON only with this shape:
{
  "title": "...",
  "preset": "social",
  "width": 1080,
  "height": 1350,
  "backgroundColor": "#0f172a",
  "layers": [
    { "type": "rect", "x": 0, "y": 0, "width": 1080, "height": 1350, "color": "#0f172a" },
    { "type": "text", "x": 88, "y": 150, "content": "headline", "fontSize": 72, "fontWeight": "700", "color": "#ffffff" },
    { "type": "text", "x": 88, "y": 260, "content": "supporting copy", "fontSize": 30, "fontWeight": "500", "color": "#d1d5db" },
    { "type": "circle", "x": 930, "y": 180, "radius": 72, "color": "#10b981", "opacity": 0.2 }
  ]
}
Use only layer types text, rect, and circle. Do not wrap the JSON in markdown fences.

Variables

{{brief}} (text) Required

Describe the visual message or layout for Announcement Post.

{{audience}} (text) Required

Who is the visual for?

Default: creators

{{tone}} (text) Required

Choose the tone of the design.

Default: professional

{{aspect_ratio}} (text) Required

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

Default: 4:5