1. Home
  2. Templates
  3. Social Media
  4. Quote post — typographic square

Quote post — typographic square

1080 × 1080

A 1080×1080 quote post where the type is the design: a large, centred quote that sizes itself to its length, one marked phrase, and a small attribution over a quiet brand-tinted mesh gradient. Personalize the quote, author, role and handle; colours, fonts and logo follow your brand.

  • Computes values
  • Animated
  • Adapts to any size
  • Uses brand kit
1

Apply brand

Every template, in your brand

Add your logo, colours and fonts once — every design here restyles itself.

Start free
2

Pick a size

1080 × 1080
3
Fill content
4
1

Render via API

Mint an API key under Settings → Developers. Variables override template content. Brand tokens replace the brand settings for this render.

2

Connect an agent

Point any MCP client at this space and the agent can render this design itself, with its own variables, as often as it likes.

{
  "mcpServers": {
    "bannx": {
      "url": "https://bannx.com/mcp",
      "headers": {
        "Authorization": "Bearer YOUR_API_KEY"
      }
    }
  }
}

Works in Claude, Cursor, and anything else that speaks MCP. Full setup in the MCP guide.

Or paste a prompt

For an assistant that is already connected, this says everything it needs.

Render the bannx design "Quote post — typographic square" for me.

Template id: 6ac6c6be9fccab5924771aec
Use the bannx MCP server and call render_creative with these variables:
  quote: <your value>
  handle: <your value>

Return the PNG it gives back.

More social media templates

See all
  • Quote post — offset plate template previewQuote post — offset plate
  • Halftone pattern background — wave template previewHalftone pattern background — wave
  • Curtain folds texture background template previewCurtain folds texture background
  • Silk texture background — flowing folds template previewSilk texture background — flowing folds
  • Denim patchwork pattern background template previewDenim patchwork pattern background
  • Prism light rays background — rainbow dispersion template previewPrism light rays background — rainbow dispersion
Drag a layer to adjust the layout