{
  "meta": {
    "count": 9,
    "baseUrl": "https://brand.magicblocks.ai/api/templates"
  },
  "templates": [
    {
      "name": "Closing CTA block",
      "file": "cta-block.html",
      "url": "https://brand.magicblocks.ai/api/templates/cta-block.html",
      "description": "Closing surface that asks for the next step. Warm variant default; ink variant for launch/promo moments. Eyebrow + Fraunces-italic-accent headline + body + CTA.",
      "slots": [
        "eyebrow",
        "headline",
        "italicPhrase",
        "body",
        "primaryCta"
      ],
      "canvas": {
        "widthPx": 1280,
        "aspect": "16:7"
      },
      "tags": [
        "cta",
        "marketing",
        "closing"
      ]
    },
    {
      "name": "Transactional email shell",
      "file": "email-shell.html",
      "url": "https://brand.magicblocks.ai/api/templates/email-shell.html",
      "description": "Email-safe HTML skeleton — table-based layout for broad client compatibility, brand-coloured accent, MagicBlocks header. Drop in body content where indicated. Inline styles only (no <link>) since most email clients strip stylesheets.",
      "slots": [
        "preheader",
        "subject",
        "body",
        "ctaLabel",
        "ctaUrl",
        "footerText"
      ],
      "canvas": {
        "widthPx": 600
      },
      "tags": [
        "email",
        "transactional",
        "ai-canvas"
      ]
    },
    {
      "name": "Feature grid (3-up)",
      "file": "feature-grid.html",
      "url": "https://brand.magicblocks.ai/api/templates/feature-grid.html",
      "description": "Centred header + 3-column feature grid. Each card has icon + title + body. Six common cards filled with placeholder content.",
      "slots": [
        "sectionEyebrow",
        "sectionHeadline",
        "sectionLede",
        "features"
      ],
      "canvas": {
        "widthPx": 1280
      },
      "tags": [
        "feature-grid",
        "marketing",
        "platform-page"
      ]
    },
    {
      "name": "Marketing footer (warm)",
      "file": "footer.html",
      "url": "https://brand.magicblocks.ai/api/templates/footer.html",
      "description": "Site footer with 4 link columns + brand mark + copyright + social pills. Warm cream background — the kit's anti-dark-footer.",
      "slots": [
        "columns",
        "social",
        "copyright"
      ],
      "canvas": {
        "widthPx": 1280
      },
      "tags": [
        "footer",
        "marketing",
        "navigation"
      ]
    },
    {
      "name": "Marketing hero",
      "file": "hero.html",
      "url": "https://brand.magicblocks.ai/api/templates/hero.html",
      "description": "Top-of-page hero with eyebrow + display heading + Fraunces-italic accent phrase + lede + dual CTA + meta row.",
      "slots": [
        "eyebrow",
        "headline",
        "italicPhrase",
        "lede",
        "primaryCta",
        "secondaryCta",
        "meta"
      ],
      "canvas": {
        "widthPx": 1280,
        "aspect": "21:9"
      },
      "tags": [
        "hero",
        "marketing",
        "landing",
        "above-the-fold"
      ]
    },
    {
      "name": "Presentation slide (16:9)",
      "file": "slide-frame.html",
      "url": "https://brand.magicblocks.ai/api/templates/slide-frame.html",
      "description": "1920x1080 slide skeleton with brand-coloured accent strip, mono eyebrow, large display headline, body copy, footer mark. Suitable for AI-driven deck generation in HTML/CSS canvases.",
      "slots": [
        "eyebrow",
        "headline",
        "italicPhrase",
        "body"
      ],
      "canvas": {
        "widthPx": 1920,
        "heightPx": 1080,
        "aspect": "16:9"
      },
      "tags": [
        "slide",
        "deck",
        "presentation",
        "ai-canvas"
      ]
    },
    {
      "name": "Social meta card (1200x630)",
      "file": "social-card.html",
      "url": "https://brand.magicblocks.ai/api/templates/social-card.html",
      "description": "OG/Twitter card skeleton. 1200x630 canvas with brand mark + headline + sub. Drop in the kit's CSS via <link> for inherit-styled output, or use the inline minimum below.",
      "slots": [
        "headline",
        "italicPhrase",
        "sub"
      ],
      "canvas": {
        "widthPx": 1200,
        "heightPx": 630
      },
      "tags": [
        "social",
        "og-card",
        "twitter-card",
        "marketing",
        "ai-canvas"
      ]
    },
    {
      "name": "Stats strip (4-up)",
      "file": "stats-strip.html",
      "url": "https://brand.magicblocks.ai/api/templates/stats-strip.html",
      "description": "A band of 3-4 big numbers with mono labels. Numbers in display 600; units (%, x) in pink for rhythm. Tabular-nums so digits stack.",
      "slots": [
        "stats"
      ],
      "canvas": {
        "widthPx": 1280,
        "aspect": "8:1"
      },
      "tags": [
        "stats",
        "metrics",
        "marketing",
        "social-proof"
      ]
    },
    {
      "name": "Featured testimonial strip",
      "file": "testimonial.html",
      "url": "https://brand.magicblocks.ai/api/templates/testimonial.html",
      "description": "Single hero testimonial with oversized Fraunces glyph, italicised emphasis phrases in pink, author block, and a stat pull-quote on the right.",
      "slots": [
        "quote",
        "italicPhrase",
        "authorName",
        "authorRole",
        "statValue",
        "statLabel"
      ],
      "canvas": {
        "widthPx": 1280,
        "aspect": "16:7"
      },
      "tags": [
        "testimonial",
        "social-proof",
        "marketing"
      ]
    }
  ]
}
