New Arrival Card

Editorial NEW IN drop card with tall product hero and launch date — swap product photo, name, subtitle, date and accent.

Type: Image
Format: Instagram Post · 1:1
Orientation: Square

Variablesphoto

Open in editor

Free template · opens in the editor, no account required.

Customize New Arrival Card

New Arrival Card is a ready-to-render E-commerce image design formatted for Instagram Post · 1:1 and support for variables, photo. Open it in the editor to replace its copy and media, then render variations through the Zvid API.

12 variables: Every value below is a variable you can override — send them in the variables field of the render request (or edit them in the editor) to generate on-brand versions at scale.

eyebrowText

NEW IN

collectionText

2026 DROP

productNameText

The Meridian Watch

subtitleText

Swiss movement, sapphire glass, recycled steel case.

launchLabelText

AVAILABLE FROM

launchDateText

March 14

brandText

MERIDIAN & CO.

paperColorColor

#EFEAE0

inkColorColor

#171410

navyColorColor

#1E2A44

foilColorColor

#B08948

productImageMedia URL

photo-1664959784261-5a544d9b11ff

The exact JSON payload

This is the full render config — POST it to the API, or open it in the editor to tweak.

Open in editor ↗

{
  "type": "image",
  "name": "img-ecom-new-arrival",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#EFEAE0",
  "variables": {
    "eyebrow": "NEW IN",
    "collection": "2026 DROP",
    "productName": "The Meridian Watch",
    "subtitle": "Swiss movement, sapphire glass, recycled steel case.",
    "launchLabel": "AVAILABLE FROM",
    "launchDate": "March 14",
    "brand": "MERIDIAN & CO.",
    "paperColor": "#EFEAE0",
    "inkColor": "#171410",
    "navyColor": "#1E2A44",
    "foilColor": "#B08948",
    "productImage": "https://images.unsplash.com/photo-1664959784261-5a544d9b11ff?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHw0fHxwcm9kdWN0JTIwb24lMjBwaW5rJTIwYmFja2dyb3VuZHxlbnwwfHx8fDE3ODM1MjY5MTN8MA&ixlib=rb-4.1.0&q=80&w=1600"
  },
  "visuals": [
    {
      "type": "SVG",
      "width": 1080,
      "height": 1080,
      "position": "center-center",
      "track": 0,
      "svg": "<svg width='1080' height='1080' viewBox='0 0 1080 1080' xmlns='http://www.w3.org/2000/svg'><rect x='38' y='38' width='1004' height='1004' rx='6' fill='none' stroke='{{foilColor}}' stroke-opacity='0.4' stroke-width='1.4'/><rect x='50' y='50' width='980' height='980' rx='4' fill='none' stroke='{{inkColor}}' stroke-opacity='0.08' stroke-width='1'/></svg>"
    },
    {
      "type": "IMAGE",
      "src": "{{productImage}}",
      "x": 566,
      "y": 96,
      "width": 428,
      "height": 888,
      "anchor": "top-left",
      "radius": {
        "tl": 8,
        "tr": 8,
        "bl": 8,
        "br": 8
      },
      "track": 2
    },
    {
      "type": "SVG",
      "x": 86,
      "y": 110,
      "width": 200,
      "height": 46,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='200' height='46' viewBox='0 0 200 46' xmlns='http://www.w3.org/2000/svg'><rect x='0.75' y='0.75' width='150' height='44.5' rx='6' fill='none' stroke='{{navyColor}}' stroke-width='1.4'/><text x='22' y='30' font-family='Space Grotesk, Arial' font-size='19' font-weight='700' fill='{{navyColor}}' letter-spacing='4'>{{eyebrow}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 88,
      "y": 178,
      "width": 440,
      "anchor": "top-left",
      "track": 4,
      "text": "{{collection}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "20px",
        "fontWeight": "600",
        "letterSpacing": "0.32em",
        "color": "#B08948"
      }
    },
    {
      "type": "TEXT",
      "x": 86,
      "y": 236,
      "width": 460,
      "anchor": "top-left",
      "track": 4,
      "style": {
        "fontFamily": "Playfair Display"
      },
      "html": "<div style='font-size:76px; font-weight:700; line-height:1.02; letter-spacing:-0.01em; color:{{inkColor}};'>{{productName}}</div>"
    },
    {
      "type": "TEXT",
      "x": 88,
      "y": 512,
      "width": 430,
      "anchor": "top-left",
      "track": 4,
      "text": "{{subtitle}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "24px",
        "fontWeight": "400",
        "lineHeight": "1.45",
        "color": "#4A463E"
      }
    },
    {
      "type": "SVG",
      "x": 88,
      "y": 668,
      "width": 60,
      "height": 2,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='60' height='2' viewBox='0 0 60 2' xmlns='http://www.w3.org/2000/svg'><rect width='60' height='2' fill='{{foilColor}}'/></svg>"
    },
    {
      "type": "TEXT",
      "x": 88,
      "y": 700,
      "width": 430,
      "anchor": "top-left",
      "track": 4,
      "style": {
        "fontFamily": "Space Grotesk"
      },
      "html": "<div style='font-size:18px; font-weight:600; letter-spacing:0.22em; color:{{navyColor}};'>{{launchLabel}}</div><div style='margin-top:6px; font-size:44px; font-weight:600; letter-spacing:-0.01em; color:{{inkColor}};'>{{launchDate}}</div>"
    },
    {
      "type": "SVG",
      "x": 88,
      "y": 900,
      "width": 40,
      "height": 40,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'><rect width='40' height='40' rx='10' fill='{{navyColor}}'/><text x='20' y='27' font-family='Playfair Display, Georgia' font-size='22' font-weight='700' fill='{{paperColor}}' text-anchor='middle'>M</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 142,
      "y": 908,
      "width": 380,
      "anchor": "top-left",
      "track": 4,
      "text": "{{brand}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "20px",
        "fontWeight": "600",
        "letterSpacing": "0.14em",
        "color": "#171410"
      }
    }
  ]
}