New Arrival

"Just Arrived" card with a big model headline, spec chips and a book-first-viewing CTA over a full-bleed car photo — swap banner, model, specs and CTA.

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

New Arrival is a ready-to-render Car dealer / vehicle 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.

bannerText

JUST ARRIVED

dealerNameText

VOLTA AUTO

monogramText

eyebrowText

2024 · TESLA

modelText

Model Y Long Range

spec1Text

331 mi range

spec2Text

0–60 in 4.8s

spec3Text

5 seats

ctaText

BOOK FIRST VIEWING

accentColor

#4CD4CE

inkColor

#08110F

carImageMedia URL

photo-1615829386703-e2bb66a7cb7d

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-auto-new-arrival",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#08110F",
  "variables": {
    "banner": "JUST ARRIVED",
    "dealerName": "VOLTA AUTO",
    "monogram": "V",
    "eyebrow": "2024 · TESLA",
    "model": "Model Y Long Range",
    "spec1": "331 mi range",
    "spec2": "0–60 in 4.8s",
    "spec3": "5 seats",
    "cta": "BOOK FIRST VIEWING",
    "accent": "#4CD4CE",
    "ink": "#08110F",
    "carImage": "https://images.unsplash.com/photo-1615829386703-e2bb66a7cb7d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHw0fHxlbGVjdHJpYyUyMGNhciUyMGNoYXJnaW5nJTIwbW9kZXJufGVufDB8fHx8MTc4MzI2ODYyNnww&ixlib=rb-4.1.0&q=80&w=1080"
  },
  "visuals": [
    {
      "type": "IMAGE",
      "src": "{{carImage}}",
      "width": 1080,
      "height": 1080,
      "position": "center-center",
      "resize": "cover",
      "track": 0
    },
    {
      "type": "SVG",
      "width": 1080,
      "height": 1080,
      "position": "center-center",
      "track": 1,
      "svg": "<svg width='1080' height='1080' viewBox='0 0 1080 1080' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='sy' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='{{ink}}' stop-opacity='0.95'/><stop offset='0.42' stop-color='{{ink}}' stop-opacity='0.5'/><stop offset='0.74' stop-color='{{ink}}' stop-opacity='0'/></linearGradient><linearGradient id='st' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='{{ink}}' stop-opacity='0.66'/><stop offset='0.24' stop-color='{{ink}}' stop-opacity='0'/></linearGradient></defs><rect width='1080' height='1080' fill='url(#st)'/><rect width='1080' height='1080' fill='url(#sy)'/></svg>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 72,
      "width": 296,
      "height": 56,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='296' height='56' viewBox='0 0 296 56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='296' height='56' rx='28' fill='{{accent}}'/><circle cx='32' cy='28' r='8' fill='{{ink}}'/><circle cx='32' cy='28' r='4' fill='{{accent}}'/><text x='56' y='36' font-family='Space Grotesk, Arial' font-size='22' font-weight='700' letter-spacing='3' fill='{{ink}}'>{{banner}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 828,
      "y": 72,
      "width": 180,
      "height": 56,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='180' height='56' viewBox='0 0 180 56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='180' height='56' rx='28' fill='#0E1A18' fill-opacity='0.72' stroke='#FFFFFF' stroke-opacity='0.12' stroke-width='1.3'/><circle cx='30' cy='28' r='15' fill='{{accent}}'/><text x='30' y='35' font-family='Sora, Arial' font-size='18' font-weight='700' fill='{{ink}}' text-anchor='middle'>{{monogram}}</text><text x='56' y='35' font-family='Space Grotesk, Arial' font-size='19' font-weight='600' letter-spacing='0.5' fill='#FFFFFF'>{{dealerName}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 72,
      "y": 604,
      "width": 820,
      "anchor": "top-left",
      "track": 5,
      "text": "{{eyebrow}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "27px",
        "fontWeight": "600",
        "letterSpacing": "0.3em",
        "color": "{{accent}}"
      }
    },
    {
      "type": "TEXT",
      "x": 70,
      "y": 648,
      "width": 900,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Sora"
      },
      "html": "<div style='font-size:90px; font-weight:700; line-height:0.96; letter-spacing:-0.03em; color:#FFFFFF;'>{{model}}</div>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 838,
      "width": 640,
      "height": 56,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='640' height='56' viewBox='0 0 640 56' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='4' width='214' height='48' rx='24' fill='#FFFFFF' fill-opacity='0.07' stroke='#FFFFFF' stroke-opacity='0.16' stroke-width='1.2'/><circle cx='26' cy='28' r='5' fill='{{accent}}'/><text x='42' y='36' font-family='Space Grotesk, Arial' font-size='21' font-weight='600' fill='#EAF2F1'>{{spec1}}</text><rect x='228' y='4' width='190' height='48' rx='24' fill='#FFFFFF' fill-opacity='0.07' stroke='#FFFFFF' stroke-opacity='0.16' stroke-width='1.2'/><circle cx='254' cy='28' r='5' fill='{{accent}}'/><text x='270' y='36' font-family='Space Grotesk, Arial' font-size='21' font-weight='600' fill='#EAF2F1'>{{spec2}}</text><rect x='432' y='4' width='150' height='48' rx='24' fill='#FFFFFF' fill-opacity='0.07' stroke='#FFFFFF' stroke-opacity='0.16' stroke-width='1.2'/><circle cx='458' cy='28' r='5' fill='{{accent}}'/><text x='474' y='36' font-family='Space Grotesk, Arial' font-size='21' font-weight='600' fill='#EAF2F1'>{{spec3}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 936,
      "width": 400,
      "height": 64,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='400' height='64' viewBox='0 0 400 64' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='400' height='64' rx='32' fill='{{accent}}'/><text x='36' y='40' font-family='Space Grotesk, Arial' font-size='23' font-weight='700' letter-spacing='1.5' fill='{{ink}}'>{{cta}}</text><path d='M344 32 L366 32 M357 23 L366 32 L357 41' fill='none' stroke='{{ink}}' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'/></svg>"
    }
  ]
}