Starters · 1080 × 1080 · 4 layers · 3 variables · social, square
Quote card, square
A 1080×1080 square for Instagram and LinkedIn: a large quotation that shrinks to fit, the author, and your handle.
rendering…
the same render with your saved copy
curl -X POST https://api.imageapis.com/v1/images \
-H 'X-API-Key: YOUR_KEY' -H 'Content-Type: application/json' \
-d '{"template": "tpl_…", "variables": {"quote": "Simplicity is the ultimate sophistication.", "author": "Leonardo da Vinci", "handle": "@example"}}'Make it yours
Copy the starter into your account once; from then on it is a template id you render with new variables. Creating and reading templates is free.
curl -s https://api.imageapis.com/v1/starters/quote-card -H 'X-API-Key: YOUR_KEY' | jq .template > quote-card.json
curl -X POST https://api.imageapis.com/v1/templates -H 'X-API-Key: YOUR_KEY' \
-H 'Content-Type: application/json' -d @quote-card.json
# → { "id": "tpl_…", "object": "template", … }Change any layer by name at render time with modifications, or change the design itself in the editor and save it back with PUT /v1/templates/<id>.
Layers
| Name | Type | x, y | Size | Content |
|---|---|---|---|---|
mark | text | 90, 90 | 200 × 160 | “ |
quote | text | 90, 260 | 900 × 520 | {{quote}} |
author | text | 90, 830 | 900 × 50 | — {{author}} |
handle | text | 90, 950 | 900 × 40 | {{handle}} |
The template
Show the JSON (4 layers)
{
"name": "Quote card, square",
"width": 1080,
"height": 1080,
"background": "#1e3a8a",
"layers": [
{
"name": "mark",
"type": "text",
"x": 90,
"y": 90,
"width": 200,
"height": 160,
"text": "\u201c",
"font": "Playfair Display",
"weight": 700,
"size": 220,
"color": "#93c5fd",
"line_height": 0.8
},
{
"name": "quote",
"type": "text",
"x": 90,
"y": 260,
"width": 900,
"height": 520,
"text": "{{quote}}",
"font": "Playfair Display",
"weight": 600,
"size": 84,
"color": "#ffffff",
"valign": "middle",
"line_height": 1.15,
"fit": "shrink",
"max_lines": 6
},
{
"name": "author",
"type": "text",
"x": 90,
"y": 830,
"width": 900,
"height": 50,
"text": "\u2014 {{author}}",
"font": "Inter",
"weight": 600,
"size": 36,
"color": "#bfdbfe"
},
{
"name": "handle",
"type": "text",
"x": 90,
"y": 950,
"width": 900,
"height": 40,
"text": "{{handle}}",
"font": "Inter",
"weight": 500,
"size": 28,
"color": "#93c5fd"
}
]
}