Car Of The Week

Editorial featured-vehicle spotlight with gold frame, make eyebrow, big model and dual highlight stats plus a price tab — swap car, stats, price 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 Car Of The Week

Car Of The Week 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.

14 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

CAR OF THE WEEK

weekTagText

WK 27

makeText

PORSCHE

modelText

911 Carrera GTS

statValueText

473

statUnitText

HORSEPOWER

statValue2Text

3.3s

statUnit2Text

0–100 KM/H

priceText

$164,500

dealerNameText

APEX PRESTIGE

monogramText

accentColor

#E9C46A

inkColor

#0B0A08

carImageMedia URL

photo-1580881647059-923632b8fd75

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-car-of-week",
  "resolution": "instagram-post",
  "outputFormat": "png",
  "backgroundColor": "#0B0A08",
  "variables": {
    "eyebrow": "CAR OF THE WEEK",
    "weekTag": "WK 27",
    "make": "PORSCHE",
    "model": "911 Carrera GTS",
    "statValue": "473",
    "statUnit": "HORSEPOWER",
    "statValue2": "3.3s",
    "statUnit2": "0–100 KM/H",
    "price": "$164,500",
    "dealerName": "APEX PRESTIGE",
    "monogram": "A",
    "accent": "#E9C46A",
    "ink": "#0B0A08",
    "carImage": "https://images.unsplash.com/photo-1580881647059-923632b8fd75?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3MDgwMTZ8MHwxfHNlYXJjaHwzfHxsdXh1cnklMjBjYXIlMjBzcG9ydHMlMjB2ZWhpY2xlfGVufDB8fHx8MTc4MzI2ODYxOHww&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='sx' x1='0' y1='0' x2='1' y2='0'><stop offset='0' stop-color='{{ink}}' stop-opacity='0.92'/><stop offset='0.5' stop-color='{{ink}}' stop-opacity='0.42'/><stop offset='1' stop-color='{{ink}}' stop-opacity='0'/></linearGradient><linearGradient id='sy' x1='0' y1='1' x2='0' y2='0'><stop offset='0' stop-color='{{ink}}' stop-opacity='0.86'/><stop offset='0.36' stop-color='{{ink}}' stop-opacity='0'/></linearGradient></defs><rect width='1080' height='1080' fill='url(#sx)'/><rect width='1080' height='1080' fill='url(#sy)'/><rect x='40' y='40' width='1000' height='1000' rx='26' fill='none' stroke='{{accent}}' stroke-opacity='0.35' stroke-width='1.4'/></svg>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 72,
      "width": 420,
      "height": 44,
      "anchor": "top-left",
      "track": 4,
      "svg": "<svg width='420' height='44' viewBox='0 0 420 44' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='11' width='22' height='22' rx='4' fill='{{accent}}'/><text x='36' y='30' font-family='Space Grotesk, Arial' font-size='21' font-weight='700' letter-spacing='4' fill='{{accent}}'>{{eyebrow}}</text><rect x='330' y='6' width='90' height='34' rx='17' fill='none' stroke='{{accent}}' stroke-opacity='0.55' stroke-width='1.3'/><text x='375' y='29' font-family='Space Grotesk, Arial' font-size='17' font-weight='700' letter-spacing='2' fill='{{accent}}' text-anchor='middle'>{{weekTag}}</text></svg>"
    },
    {
      "type": "TEXT",
      "x": 72,
      "y": 560,
      "width": 700,
      "anchor": "top-left",
      "track": 5,
      "text": "{{make}}",
      "style": {
        "fontFamily": "Space Grotesk",
        "fontSize": "30px",
        "fontWeight": "700",
        "letterSpacing": "0.36em",
        "color": "#EDE9DE"
      }
    },
    {
      "type": "TEXT",
      "x": 68,
      "y": 606,
      "width": 760,
      "anchor": "top-left",
      "track": 5,
      "style": {
        "fontFamily": "Bricolage Grotesque"
      },
      "html": "<div style='font-size:100px; font-weight:800; line-height:0.92; letter-spacing:-0.03em; color:#FFFFFF;'>{{model}}</div>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 812,
      "width": 520,
      "height": 96,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='520' height='96' viewBox='0 0 520 96' xmlns='http://www.w3.org/2000/svg'><text x='0' y='58' font-family='Bricolage Grotesque, Arial' font-size='66' font-weight='800' letter-spacing='-0.02em' fill='{{accent}}'>{{statValue}}</text><text x='2' y='84' font-family='Space Grotesk, Arial' font-size='18' font-weight='600' letter-spacing='3' fill='#B8B3A6'>{{statUnit}}</text><rect x='250' y='8' width='1.4' height='80' fill='#FFFFFF' fill-opacity='0.18'/><text x='288' y='58' font-family='Bricolage Grotesque, Arial' font-size='66' font-weight='800' letter-spacing='-0.02em' fill='{{accent}}'>{{statValue2}}</text><text x='290' y='84' font-family='Space Grotesk, Arial' font-size='18' font-weight='600' letter-spacing='3' fill='#B8B3A6'>{{statUnit2}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 72,
      "y": 952,
      "width": 380,
      "height": 52,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='380' height='52' viewBox='0 0 380 52' xmlns='http://www.w3.org/2000/svg'><circle cx='26' cy='26' r='20' fill='{{accent}}'/><text x='26' y='33' font-family='Space Grotesk, Arial' font-size='21' font-weight='800' fill='{{ink}}' text-anchor='middle'>{{monogram}}</text><text x='60' y='33' font-family='Space Grotesk, Arial' font-size='22' font-weight='600' letter-spacing='0.5' fill='#FFFFFF'>{{dealerName}}</text></svg>"
    },
    {
      "type": "SVG",
      "x": 728,
      "y": 948,
      "width": 280,
      "height": 60,
      "anchor": "top-left",
      "track": 6,
      "svg": "<svg width='280' height='60' viewBox='0 0 280 60' xmlns='http://www.w3.org/2000/svg'><rect x='0' y='0' width='280' height='60' rx='16' fill='{{accent}}'/><text x='256' y='39' font-family='Bricolage Grotesque, Arial' font-size='34' font-weight='800' letter-spacing='-0.01em' fill='{{ink}}' text-anchor='end'>{{price}}</text></svg>"
    }
  ]
}