Pizza Margherita Reel

This example is a 25.04-second portrait recipe reel built from eight IMAGE scenes, one narration track, and karaoke-style subtitles.

The complete JSON in this page is the runnable config for this example and has been checked against the current public render schema.

Preview

Property	Value
Resolution	`instagram-reel` (`1080 x 1920`)
Duration	`25.04` seconds
Frame rate	`30` fps
Visual types	`IMAGE`
Scenes	`8`
Audio tracks	`1`
Subtitle mode	`karaoke`
Font	`Montserrat`

Config Highlights

{
  "name": "pizza-margherita-social",
  "resolution": "instagram-reel",
  "duration": 25.04,
  "frameRate": 30,
  "backgroundColor": "#000000"
}

Each scene is a full portrait image. Most scenes slide in from the right with enterAnimation: "slideleft":

{
  "type": "IMAGE",
  "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-02-ingredients.png",
  "width": 1080,
  "height": 1920,
  "position": "center-center",
  "resize": "cover",
  "enterBegin": 3.16,
  "enterEnd": 3.41,
  "exitEnd": 6.48,
  "enterAnimation": "slideleft"
}

The narration is a single audio item:

[
  {
    "src": "https://cdn.zvid.io/assets/header/pizza-margherita/voice-over.mp3",
    "volume": 1
  }
]

Caption styling is tuned for a tall mobile canvas:

{
  "color": "#ffffff",
  "isBold": true,
  "fontSize": 98,
  "fontFamily": "Montserrat",
  "marginV": 180,
  "marginH": 100,
  "outline": { "width": 4, "color": "#000000" },
  "mode": "karaoke",
  "activeWord": { "color": "#FFD700" }
}

Scene Timeline

Scene	Enters	Fully in	Ends
Hook	`0`	`0`	`3.76`
Ingredients	`3.16`	`3.41`	`6.48`
Dough	`5.88`	`6.13`	`8.96`
Sauce	`8.36`	`8.61`	`12.4`
Mozzarella	`11.8`	`12.05`	`15.28`
Bake	`14.68`	`14.93`	`18.21`
Final touch	`17.96`	`18.21`	`21.41`
Final shot	`21.16`	`21.41`	`25.04`

Full Config

The full JSON below is the runnable example config.

Show full JSON config

{
  "name": "pizza-margherita-social",
  "resolution": "instagram-reel",
  "duration": 25.04,
  "frameRate": 30,
  "backgroundColor": "#000000",
  "visuals": [
    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-01-hook.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 0,
      "exitEnd": 3.76
    },
    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-02-ingredients.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 3.16,
      "enterEnd": 3.41,
      "exitEnd": 6.48,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-03-dough.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 5.88,
      "enterEnd": 6.13,
      "exitEnd": 8.96,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-04-sauce.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 8.36,
      "enterEnd": 8.61,
      "exitEnd": 12.4,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-05-mozzarella.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 11.8,
      "enterEnd": 12.05,
      "exitEnd": 15.28,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-06-bake.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 14.68,
      "enterEnd": 14.93,
      "exitBegin": 18.21,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-07-final-touch.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 17.96,
      "enterEnd": 18.21,
      "exitBegin": 21.41,
      "enterAnimation": "slideleft"
    },

    {
      "type": "IMAGE",
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/scene-08-final-shot.png",
      "width": 1080,
      "height": 1920,
      "position": "center-center",
      "resize": "cover",
      "enterBegin": 21.16,
      "enterEnd": 21.41,
      "exitEnd": 25.04,
      "enterAnimation": "slideleft"
    }
  ],
  "audios": [
    {
      "src": "https://cdn.zvid.io/assets/header/pizza-margherita/voice-over.mp3",
      "volume": 1
    }
  ],
  "subtitle": {
    "styles": {
      "color": "#ffffff",
      "isBold": true,
      "fontSize": 98,
      "fontFamily": "Montserrat",
      "marginV": 180,
      "marginH": 100,
      "outline": { "width": 4, "color": "#000000" },
      "mode": "karaoke",
      "activeWord": { "color": "#FFD700" }
    },
    "captions": [
      {
        "start": 0.24,
        "end": 2.96,
        "text": "Want to make authentic",
        "words": [
          { "start": 0.24, "end": 0.36, "text": "Want" },
          { "start": 0.36, "end": 0.52, "text": "to" },
          { "start": 0.52, "end": 0.72, "text": "make" },
          { "start": 0.72, "end": 1.28, "text": "authentic" }
        ]
      },
      {
        "start": 1.28,
        "end": 3.44,
        "text": "Italian pizza margherita at home,",
        "words": [
          { "start": 1.28, "end": 1.84, "text": "Italian" },
          { "start": 1.84, "end": 2.28, "text": "pizza" },
          { "start": 2.28, "end": 2.96, "text": "margherita" },
          { "start": 2.96, "end": 3.44, "text": "at home," }
        ]
      },
      {
        "start": 3.76,
        "end": 6.16,
        "text": "You only need six",
        "words": [
          { "start": 3.76, "end": 4.12, "text": "You" },
          { "start": 4.12, "end": 4.44, "text": "only" },
          { "start": 4.44, "end": 4.8, "text": "need" },
          { "start": 4.8, "end": 5.16, "text": "six" }
        ]
      },
      {
        "start": 5.16,
        "end": 6.16,
        "text": "simple ingredients.",
        "words": [
          { "start": 5.16, "end": 5.6, "text": "simple" },
          { "start": 5.6, "end": 6.16, "text": "ingredients." }
        ]
      },
      {
        "start": 6.48,
        "end": 7.72,
        "text": "Stretch your dough gently.",
        "words": [
          { "start": 6.48, "end": 6.92, "text": "Stretch" },
          { "start": 6.92, "end": 7.08, "text": "your" },
          { "start": 7.08, "end": 7.36, "text": "dough" },
          { "start": 7.36, "end": 7.72, "text": "gently." }
        ]
      },
      {
        "start": 7.72,
        "end": 8.8,
        "text": "Using your hands,",
        "words": [
          { "start": 7.72, "end": 8.0, "text": "Using" },
          { "start": 8.0, "end": 8.32, "text": "your" },
          { "start": 8.32, "end": 8.8, "text": "hands," }
        ]
      },
      {
        "start": 8.96,
        "end": 11.04,
        "text": "Spread a thin layer",
        "words": [
          { "start": 8.96, "end": 9.4, "text": "Spread" },
          { "start": 9.4, "end": 9.52, "text": "a" },
          { "start": 9.52, "end": 9.72, "text": "thin" },
          { "start": 9.72, "end": 10.04, "text": "layer" }
        ]
      },
      {
        "start": 10.04,
        "end": 11.04,
        "text": "of tomato sauce.",
        "words": [
          { "start": 10.04, "end": 10.2, "text": "of" },
          { "start": 10.2, "end": 10.68, "text": "tomato" },
          { "start": 10.68, "end": 11.04, "text": "sauce." }
        ]
      },
      {
        "start": 11.2,
        "end": 12.08,
        "text": "Less is more.",
        "words": [
          { "start": 11.2, "end": 11.56, "text": "Less" },
          { "start": 11.56, "end": 11.8, "text": "is" },
          { "start": 11.8, "end": 12.08, "text": "more." }
        ]
      },
      {
        "start": 12.4,
        "end": 15.04,
        "text": "Tear fresh mozzarella and",
        "words": [
          { "start": 12.4, "end": 12.8, "text": "Tear" },
          { "start": 12.8, "end": 13.12, "text": "fresh" },
          { "start": 13.12, "end": 13.88, "text": "mozzarella" },
          { "start": 13.88, "end": 14.08, "text": "and" }
        ]
      },
      {
        "start": 14.08,
        "end": 15.04,
        "text": "place it evenly.",
        "words": [
          { "start": 14.08, "end": 14.28, "text": "place" },
          { "start": 14.28, "end": 14.44, "text": "it" },
          { "start": 14.44, "end": 15.04, "text": "evenly." }
        ]
      },
      {
        "start": 15.28,
        "end": 16.88,
        "text": "Bake at the highest",
        "words": [
          { "start": 15.28, "end": 15.68, "text": "Bake" },
          { "start": 15.68, "end": 15.959, "text": "at" },
          { "start": 15.959, "end": 16.16, "text": "the" },
          { "start": 16.16, "end": 16.48, "text": "highest" }
        ]
      },
      {
        "start": 16.48,
        "end": 18.4,
        "text": "temperature for 7-10 minutes.",
        "words": [
          { "start": 16.48, "end": 16.88, "text": "temperature" },
          { "start": 16.88, "end": 17.2, "text": "for" },
          { "start": 17.2, "end": 17.92, "text": "7-10" },
          { "start": 17.92, "end": 18.4, "text": "minutes." }
        ]
      },
      {
        "start": 18.56,
        "end": 20.36,
        "text": "Finish with fresh basil",
        "words": [
          { "start": 18.56, "end": 19.0, "text": "Finish" },
          { "start": 19.0, "end": 19.2, "text": "with" },
          { "start": 19.2, "end": 19.56, "text": "fresh" },
          { "start": 19.56, "end": 20.04, "text": "basil" }
        ]
      },
      {
        "start": 20.04,
        "end": 21.44,
        "text": "and a drizzle of olive oil.",
        "words": [
          { "start": 20.04, "end": 20.2, "text": "and" },
          { "start": 20.2, "end": 20.36, "text": "a" },
          { "start": 20.36, "end": 20.76, "text": "drizzle" },
          { "start": 20.76, "end": 20.88, "text": "of" },
          { "start": 20.88, "end": 21.16, "text": "olive" },
          { "start": 21.16, "end": 21.44, "text": "oil." }
        ]
      },
      {
        "start": 21.76,
        "end": 22.56,
        "text": "And that's it.",
        "words": [
          { "start": 21.76, "end": 22.04, "text": "And" },
          { "start": 22.04, "end": 22.28, "text": "that's" },
          { "start": 22.28, "end": 22.56, "text": "it." }
        ]
      },
      {
        "start": 22.72,
        "end": 25.04,
        "text": "Simple, fresh, delicious.",
        "words": [
          { "start": 22.72, "end": 23.36, "text": "Simple," },
          { "start": 23.52, "end": 24.0, "text": "fresh," },
          { "start": 24.32, "end": 25.04, "text": "delicious." }
        ]
      }
    ]
  }
}

Key Takeaways

instagram-reel sets the canvas to 1080 x 1920.
Consistent short slide animations create a recipe-step rhythm.
marginV and marginH help keep subtitles readable on portrait videos.
A single voice-over track can drive both audio and subtitle timing.

Preview​

Config Highlights​

Scene Timeline​

Full Config​

Key Takeaways​

Preview

Config Highlights

Scene Timeline

Full Config

Key Takeaways