Local News Update

{
  "name": "news-local-update",
  "resolution": "instagram-reel",
  "frameRate": 30,
  "backgroundColor": "#100B06",
  "outputFormat": "mp4",
  "variables": {
    "station": "CHANNEL 7 LOCAL",
    "city": "AUSTIN, TX",
    "kicker": "YOUR CITY TODAY",
    "headline": "New light-rail line breaks ground downtown this fall",
    "summary": "Phase one connects the airport to the capitol with nine stations, cutting the commute to 18 minutes by 2028.",
    "reporter": "Reported by Dana Ruiz",
    "showStrip": true,
    "stripLabel": "AROUND TOWN",
    "stripText": "82° & sunny  ·  I-35 clear  ·  Festival closes 6th St. tonight",
    "cityImage": "https://images.pexels.com/photos/26851069/pexels-photo-26851069.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940",
    "accentColor": "#F2A93B",
    "musicUrl": "https://cdn.pixabay.com/audio/2025/04/21/audio_ed6f0ed574.mp3"
  },
  "scenes": [
    {
      "id": "open",
      "duration": 3,
      "backgroundColor": "#100B06",
      "transition": "smoothleft",
      "transitionId": "story",
      "transitionDuration": 0.5,
      "visuals": [
        {
          "type": "IMAGE",
          "src": "{{cityImage}}",
          "width": 1080,
          "height": 1920,
          "position": "center-center",
          "resize": "cover",
          "zoom": true,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 3
        },
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 1,
          "enterBegin": 0,
          "exitEnd": 3,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><linearGradient id='locShade' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='#100B06' stop-opacity='0.6'/><stop offset='0.5' stop-color='#100B06' stop-opacity='0.25'/><stop offset='1' stop-color='#100B06' stop-opacity='0.9'/></linearGradient></defs><rect width='1080' height='1920' fill='url(#locShade)'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1080,
          "anchor": "center-center",
          "track": 2,
          "enterBegin": 0.15,
          "enterEnd": 0.55,
          "enterAnimation": "circleopen",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='display:inline-block; background:{{accentColor}}; color:#100B06; padding:14px 34px; font-size:30px; font-weight:900; letter-spacing:6px;'>◉ {{city}}</div>"
        },
        {
          "type": "TEXT",
          "x": 540,
          "y": 1240,
          "anchor": "top-center",
          "track": 3,
          "enterBegin": 0.5,
          "enterEnd": 0.95,
          "enterAnimation": "smoothup",
          "exitEnd": 3,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='text-align:center; color:#FFFFFF; font-size:36px; font-weight:800; letter-spacing:8px;'>{{station}}</div><div style='margin-top:16px; text-align:center; color:rgba(255,255,255,0.7); font-size:28px; font-weight:600; letter-spacing:6px;'>{{kicker}}</div>"
        }
      ]
    },
    {
      "id": "story",
      "duration": 6,
      "backgroundColor": "#100B06",
      "visuals": [
        {
          "type": "SVG",
          "width": 1080,
          "height": 1920,
          "track": 0,
          "enterBegin": 0,
          "exitEnd": 6,
          "svg": "<svg width='1080' height='1920' viewBox='0 0 1080 1920' xmlns='http://www.w3.org/2000/svg'><defs><radialGradient id='locBg' cx='0.32' cy='0.3' r='1.05'><stop offset='0' stop-color='#241708'/><stop offset='1' stop-color='#100B06'/></radialGradient></defs><rect width='1080' height='1920' fill='url(#locBg)'/><rect x='90' y='300' width='12' height='150' rx='6' fill='#F2A93B'/><path d='M90 1580 H990' stroke='rgba(242,169,59,0.4)' stroke-width='2'/></svg>"
        },
        {
          "type": "TEXT",
          "x": 130,
          "y": 300,
          "anchor": "top-left",
          "track": 1,
          "enterBegin": 0.1,
          "enterEnd": 0.5,
          "enterAnimation": "smoothright",
          "exitEnd": 6,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:{{accentColor}}; font-size:30px; font-weight:900; letter-spacing:6px;'>◉ {{city}}</div><div style='margin-top:10px; color:rgba(255,255,255,0.55); font-size:26px; font-weight:700; letter-spacing:4px;'>{{station}}</div>"
        },
        {
          "type": "TEXT",
          "x": 130,
          "y": 520,
          "width": 860,
          "anchor": "top-left",
          "track": 2,
          "enterBegin": 0.35,
          "enterEnd": 0.85,
          "enterAnimation": "smoothup",
          "exitEnd": 6,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:#FFFFFF; font-size:82px; line-height:1.04; font-weight:900; letter-spacing:-2px;'>{{headline}}</div>"
        },
        {
          "type": "TEXT",
          "x": 130,
          "y": 940,
          "width": 860,
          "anchor": "top-left",
          "track": 3,
          "enterBegin": 0.7,
          "enterEnd": 1.15,
          "enterAnimation": "fade",
          "exitEnd": 6,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:#D6CBBB; font-size:36px; line-height:1.45; font-weight:500;'>{{summary}}</div><div style='margin-top:28px; color:#9A8B72; font-size:28px; font-weight:700; letter-spacing:2px;'>{{reporter}}</div>"
        },
        {
          "type": "TEXT",
          "condition": "{{showStrip}}",
          "x": 130,
          "y": 1640,
          "anchor": "top-left",
          "track": 4,
          "enterBegin": 0.9,
          "enterEnd": 1.35,
          "enterAnimation": "smoothleft",
          "exitEnd": 6,
          "style": {
            "fontFamily": "Archivo"
          },
          "html": "<div style='color:{{accentColor}}; font-size:26px; font-weight:900; letter-spacing:5px;'>{{stripLabel}}</div><div style='margin-top:12px; color:#EFE6D8; font-size:32px; font-weight:600;'>{{stripText}}</div>"
        }
      ]
    }
  ],
  "audios": [
    {
      "src": "{{musicUrl}}",
      "volume": 0.15,
      "track": 0
    }
  ]
}