{
  "size": [1920, 1080],
  "fps": 30,
  "theme": "dusk",
  "texture": { "vignette": true, "grain": 0.06 },
  "cues": [
    { "cue": "pop", "scene": "steps", "at": 1.15, "volume": 0.55, "note": "E5" },
    { "cue": "pop", "scene": "steps", "at": 1.75, "volume": 0.55, "note": "G5" },
    { "cue": "pop", "scene": "steps", "at": 2.35, "volume": 0.55, "note": "B5" },
    { "cue": "chime", "scene": "ship", "at": 2.7, "volume": 0.7, "note": "C6" }
  ],
  "scenes": [
    {
      "id": "steps",
      "duration": 5,
      "elements": [
        { "id": "kicker", "type": "text", "text": "RELAY 1.0", "x": 960, "y": 180, "fontSize": 34, "fontWeight": 600, "font": "mono", "color": "text2" },
        { "id": "title", "type": "text", "role": "title", "text": "Ship in three steps", "x": 960, "y": 300, "fontSize": 112 },

        { "id": "plan-card", "type": "shape", "shape": "rect", "x": 440, "y": 660, "width": 440, "height": 300, "radius": 28, "fill": "surface", "stroke": "line", "strokeWidth": 3, "elevated": true,
          "keyframes": [{ "t": 1.1, "opacity": 0, "y": 700 }, { "t": 1.8, "opacity": 1, "y": 660, "ease": "enter" }] },
        { "id": "plan", "type": "text", "text": "Plan", "x": 440, "y": 660, "fontSize": 64, "fontWeight": 700, "color": "text",
          "keyframes": [{ "t": 1.1, "opacity": 0, "y": 700 }, { "t": 1.8, "opacity": 1, "y": 660, "ease": "enter" }] },

        { "id": "build-card", "type": "shape", "shape": "rect", "x": 960, "y": 660, "width": 440, "height": 300, "radius": 28, "fill": "surface", "stroke": "line", "strokeWidth": 3, "elevated": true,
          "keyframes": [{ "t": 1.7, "opacity": 0, "y": 700 }, { "t": 2.4, "opacity": 1, "y": 660, "ease": "enter" }] },
        { "id": "build", "type": "text", "text": "Build", "x": 960, "y": 660, "fontSize": 64, "fontWeight": 700, "color": "text",
          "keyframes": [{ "t": 1.7, "opacity": 0, "y": 700 }, { "t": 2.4, "opacity": 1, "y": 660, "ease": "enter" }] },

        { "id": "release-card", "type": "shape", "shape": "rect", "x": 1480, "y": 660, "width": 440, "height": 300, "radius": 28, "fill": "accentSoft", "stroke": "accent", "strokeWidth": 3, "elevated": true,
          "keyframes": [{ "t": 2.3, "opacity": 0, "y": 700 }, { "t": 3, "opacity": 1, "y": 660, "ease": "enter" }] },
        { "id": "release", "type": "text", "text": "Release", "x": 1480, "y": 660, "fontSize": 64, "fontWeight": 700, "color": "accent",
          "keyframes": [{ "t": 2.3, "opacity": 0, "y": 700 }, { "t": 3, "opacity": 1, "y": 660, "ease": "enter" }] },

        { "id": "arrow-1", "type": "shape", "shape": "line", "x": 700, "y": 660, "width": 64, "strokeWidth": 8, "stroke": "accent", "cap": "round", "arrow": "end",
          "keyframes": [{ "t": 1.8, "draw": 0 }, { "t": 2.3, "draw": 1, "ease": "move" }] },
        { "id": "arrow-2", "type": "shape", "shape": "line", "x": 1220, "y": 660, "width": 64, "strokeWidth": 8, "stroke": "accent", "cap": "round", "arrow": "end",
          "keyframes": [{ "t": 2.4, "draw": 0 }, { "t": 2.9, "draw": 1, "ease": "move" }] }
      ]
    },
    {
      "id": "ship",
      "duration": 7,
      "background": "#17102a",
      "transition": "crossfade",
      "elements": [
        { "id": "head", "type": "text", "text": "One command to ship", "x": 960, "y": 210, "fontSize": 84, "fontWeight": 700, "color": "text",
          "keyframes": [{ "t": 0.6, "opacity": 0, "y": 240 }, { "t": 1.3, "opacity": 1, "y": 210, "ease": "enter" }] },
        { "id": "terminal", "type": "shape", "shape": "rect", "x": 960, "y": 590, "width": 1360, "height": 380, "radius": 32, "fill": "surface", "stroke": "line", "strokeWidth": 3, "elevated": true,
          "keyframes": [{ "t": 0.5, "opacity": 0 }, { "t": 1.1, "opacity": 1, "ease": "enter" }] },
        { "id": "command", "type": "text", "text": "$ relay release --env production", "typing": true, "font": "mono", "x": 960, "y": 530, "fontSize": 56, "color": "text",
          "keyframes": [{ "t": 0.5, "opacity": 0 }, { "t": 1.1, "opacity": 1, "ease": "enter" }, { "t": 1.3, "value": 0 }, { "t": 2.4, "value": 32, "ease": "linear" }] },
        { "id": "done", "type": "text", "text": "Released in 4.2 s", "x": 960, "y": 670, "fontSize": 60, "fontWeight": 700, "color": "good",
          "keyframes": [{ "t": 2.7, "opacity": 0, "y": 690 }, { "t": 3.2, "opacity": 1, "y": 670, "ease": "enter" }] },
        { "id": "caption", "type": "text", "text": "That is the whole pipeline.", "x": 960, "y": 880, "fontSize": 46, "color": "text2",
          "keyframes": [{ "t": 4, "opacity": 0 }, { "t": 4.7, "opacity": 1, "ease": "enter" }] }
      ]
    }
  ]
}