{
 "schema": "aiblocks-page/1",
 "id": "theme-based-ad-layout-blueprint-maker",
 "type": "skill",
 "name": "Themed ad layout planner",
 "summary": "Plan the layout of an image ad by theme and shape. Get zone shares, text rules, a diagram and three or four layout options.",
 "headline": "Themed ad layout planner",
 "subhead": "Tell it your ad theme and picture shape. It plans the layout of your image ad: how much room the headline, product, proof and button each get. You get a text diagram, word limits and three or four versions that show what each one gives up.",
 "job": {
  "id": "make-image-ads",
  "name": "Make image ads"
 },
 "level": "intermediate",
 "thinking": "medium",
 "tested": true,
 "updated": "2026-10-28",
 "first_published": "2026-10-25",
 "inputs": [
  {
   "type": "brief",
   "required": true,
   "label": "Brief",
   "what": "a creative brief: goal, audience, angle, offer, mandatory claims (by ID), formats"
  },
  {
   "type": "ad_copy",
   "required": false,
   "label": "Ad copy",
   "what": "headline, primary text, description and CTA within platform limits"
  },
  {
   "type": "product_photos",
   "required": false,
   "label": "Product photos",
   "what": "photos of the real product, labelled by angle and use"
  }
 ],
 "outputs": [
  {
   "type": "image_plan",
   "required": true,
   "label": "Image plan",
   "what": "what an image should show and say, before any prompt is written"
  }
 ],
 "you_give": [
  "Your ad theme, such as urgency, lifestyle, social proof or features and benefits",
  "Your picture shape, square, tall or wide",
  "Your product type",
  "Where your buyer is on the path to buying, top, middle or bottom (optional)",
  "Your headline, quote or offer, and a product photo (optional)"
 ],
 "you_get": [
  "A text diagram of the layout with the share of the canvas for each zone",
  "Word limits and weight rules for each piece of text",
  "Button position, size and contrast rules",
  "Three or four versions, each with when to use it and what it gives up",
  "Three do and three do not for your theme"
 ],
 "use_when": [
  "A designer or freelancer asks \"where should things go?\" for a new ad.",
  "You are briefing an image tool and want the layout fixed before you write the prompt.",
  "Your ads in one theme look different from each other and you want one structure to repeat.",
  "You are moving an ad from square to a tall phone shape and need the zones changed."
 ],
 "skip_when": [
  "You want the look first, such as mood, colour and lighting: use the Eight-lever ad visual planner.",
  "You want the ad words and a picture prompt as well as the layout: use the Single image ad planner.",
  "You have no customer proof yet but want a social proof ad: the layout needs a real quote first, so collect one, or choose another theme.",
  "You want to pick a photo style: use the Ad photography style chooser."
 ],
 "output_sample": {
  "input": [
   "Your ad theme and picture shape",
   "Your product type",
   "Your buyer stage (optional)",
   "Your real headline, quote or offer, and a product photo (optional)"
  ],
  "output": [
   {
    "name": "Stage check",
    "contains": "Whether your theme fits where the buyer is, or a warning if it does not."
   },
   {
    "name": "Primary layout",
    "contains": "A text diagram and a table of zones with the share of the canvas each gets."
   },
   {
    "name": "Text rules",
    "contains": "Weight, case and a word limit for each piece of text."
   },
   {
    "name": "Button",
    "contains": "Where the button sits, how big it is and the contrast it needs."
   },
   {
    "name": "Versions",
    "contains": "Standard, reversed, minimal and sometimes text-heavy layouts, each with when to use it and what it gives up."
   },
   {
    "name": "Do and do not",
    "contains": "Three things to do and three to avoid for your theme."
   },
   {
    "name": "Missing and not checked",
    "contains": "Any input you left out and any check that was skipped."
   }
  ]
 },
 "output_shape": "## Layout spec: <theme> | <shape> | <stage>\nStage check: <fits | warning>\n\n### Primary layout\n<text diagram with zone shares>\n| Zone | Share | Job |\n\n### Text rules\n| Element | Weight | Case | Max words |\n\n### Button\nPosition, size and contrast\n\n### Versions\n1. Standard\n2. Reversed\n3. Minimal\n4. Text-heavy (if the theme allows)\n\n### Do and do not\nMISSING: <input, or none>\nCHECKS MISSED: <check, or none>",
 "how_to_use": [
  "Pick one theme and one picture shape. Write your product type next to them.",
  "Start a chat with the skill. Open it if you added it to your AI, or copy it and paste it in.",
  "Paste your theme, shape and product type. Add your real copy and a product photo if you have them.",
  "Check the stage warning, if any, then read the diagram and the word limits.",
  "Pick one version to design first. Give the spec to your designer or to the Ad image generation and edit planner.",
  "Replace every placeholder in angle brackets with true material before the ad goes live."
 ],
 "checks": [],
 "next": [
  {
   "name": "Exact-text image ad prompt writer",
   "url": "https://useaiblocks.com/skills/image-ad-maker-with-exact-text",
   "why": "Make image ads"
  }
 ],
 "source": null,
 "credits": [],
 "files": [
  "references/knowledge-library-layout-prompt-pack.md",
  "references/layout-templates-library.md",
  "references/layout-templates-prompt-pack.md",
  "references/layout-templates-sample-output.md",
  "references/layout-templates-when-to-use.md"
 ],
 "links": {
  "page": "https://useaiblocks.com/skills/theme-based-ad-layout-blueprint-maker",
  "markdown": "https://useaiblocks.com/skills/theme-based-ad-layout-blueprint-maker.md",
  "json": "https://useaiblocks.com/skills/theme-based-ad-layout-blueprint-maker.json",
  "instructions": "https://useaiblocks.com/skills/theme-based-ad-layout-blueprint-maker/SKILL.md",
  "download": "https://useaiblocks.com/skills/theme-based-ad-layout-blueprint-maker.zip",
  "api_item": "https://useaiblocks.com/api/v1/items/theme-based-ad-layout-blueprint-maker",
  "api_document": "https://useaiblocks.com/api/v1/documents/skill/theme-based-ad-layout-blueprint-maker",
  "mcp": "https://useaiblocks.com/mcp"
 }
}
