{
 "id": "theme-pill-appears-then-page-field-hard-swaps-black-to-navy",
 "title": "Fade a theme pill into the corner, then hard-swap the page field from black to navy",
 "family": "transition",
 "status": "rendered-draft",
 "edition": "studies-300",
 "gaps": [
  "Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution."
 ],
 "intervalKey": [
  "OHVu3Y4B3RI",
  "40",
  "85/2"
 ],
 "source": {
  "filmId": "OHVu3Y4B3RI",
  "film": "How Shopify Uses ChatGPT Work to Build Faster with AI Agents",
  "url": "https://www.youtube.com/watch?v=OHVu3Y4B3RI",
  "frames": [
   960,
   1020
  ],
  "fps": {
   "numerator": 24,
   "denominator": 1
  },
  "startSeconds": 40.0,
  "endSeconds": 42.5,
  "publicationDate": "2026-07-16",
  "masterSha256": "dbbaa7fae4ad2beb1fa41f2cebd67f1bb90a590472f5585e0ce297638b66d4cd",
  "clockBasis": "Downloaded 1920x1080 rendition at 24/1 fps; excerpt frame i = master frame 960+i, re-encoded to 960x540 without omitted positions."
 },
 "sourceHash": "db1aa2d9d02bd22954ebeda8880567df486489e25d1145575d2b058ce32c7154",
 "classification": "vector-code-approximation",
 "bindingLevel": "full-render-manifest",
 "observation": "A browser window on a light grey desktop shows a coding assistant with a white sidebar and a black page: a three-line 80px serif-style headline with the last word in green, an italic subline and a row of small green tags; a rounded webcam inset overlaps the bottom-right corner. At ~f12 a small white pill with a blue dot and 'change to light mode' fades in at the top-right of the page. At ~f15 the whole page field switches from black to deep navy in a single frame; the type stays white. Everything holds to the end.",
 "mechanism": "Control appears first, then the state change: a soft pill fade-in followed by a one-frame background colour swap with the typography untouched.",
 "phases": [
  {
   "frame": 0,
   "label": "Black page holds"
  },
  {
   "frame": 12,
   "label": "Theme pill fades in top-right"
  },
  {
   "frame": 15,
   "label": "Page field hard-swaps to navy"
  },
  {
   "frame": 59,
   "label": "Hold"
  }
 ],
 "checks": {
  "recipeSha256": "443b46b8a2a221617539071bd8055b444f32df5ff9865f745ff107bdb3814cff",
  "renderManifestSha256": "ed1b444baf0eee9edb03d7593fad9dbb27e81647f77bf8c4fbddfe9f044e2271",
  "adaptationManifestSha256": "4fe688f25eeb5f8bfdea6a3728707cc5d7d92c53601c53c0545d54a138188fb3",
  "implementationFiles": 15,
  "movies": {
   "source": {
    "sha256": "db1aa2d9d02bd22954ebeda8880567df486489e25d1145575d2b058ce32c7154",
    "bytes": 107363,
    "width": 960,
    "height": 540,
    "fps": "24/1",
    "frames": 60,
    "duration": 2.5,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "original": {
    "sha256": "599b4c76cac9afa047974c47099c47d472b915d05a5f8a5256792c5026717b88",
    "bytes": 67502,
    "width": 1920,
    "height": 1080,
    "fps": "24/1",
    "frames": 60,
    "duration": 2.5,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   },
   "adaptation": {
    "sha256": "b3b19cba38ab1d10d67a2fc04db73fb195d2bc68c7fcfc00765eba4df4a56b2c",
    "bytes": 66140,
    "width": 1920,
    "height": 1080,
    "fps": "24/1",
    "frames": 60,
    "duration": 2.5,
    "codec": "h264",
    "pixelFormat": "yuv420p",
    "audioStreams": 0
   }
  },
  "preparedArchive": {
   "sha256": "03f80f794b3f562a5e0efe22b73aca5ee2d7e838141c7c43e1fec0ad6bb65c02",
   "bytes": 149166,
   "members": 20,
   "crc": "pass"
  },
  "selectedSvg": {
   "sha256": "134869d8fef3a76b9c62f86833c4f2c71b8fe33e1841e00b53e118fa960a1e0e",
   "bytes": 5229,
   "drawableElements": 32,
   "rasterEmbedded": false,
   "frame": 45,
   "meaningful": true
  },
  "contentDiffers": true,
  "renderSeconds": 11.1
 },
 "assets": {
  "source.mp4": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/source.mp4",
   "sha256": "db1aa2d9d02bd22954ebeda8880567df486489e25d1145575d2b058ce32c7154",
   "bytes": 107363
  },
  "remake.mp4": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/remake.mp4",
   "sha256": "599b4c76cac9afa047974c47099c47d472b915d05a5f8a5256792c5026717b88",
   "bytes": 67502
  },
  "adaptation.mp4": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/adaptation.mp4",
   "sha256": "b3b19cba38ab1d10d67a2fc04db73fb195d2bc68c7fcfc00765eba4df4a56b2c",
   "bytes": 66140
  },
  "editable.svg": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/editable.svg",
   "sha256": "134869d8fef3a76b9c62f86833c4f2c71b8fe33e1841e00b53e118fa960a1e0e",
   "bytes": 5229
  },
  "resolve.txt": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/resolve.txt",
   "sha256": "ce76c92992dc46cc84d6374ce3d897f1a7c52aee86057cbdd17cd3707892f791",
   "bytes": 6467
  },
  "package.zip": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/package.zip",
   "sha256": "03f80f794b3f562a5e0efe22b73aca5ee2d7e838141c7c43e1fec0ad6bb65c02",
   "bytes": 149166
  },
  "recipe.json": {
   "path": "items/theme-pill-appears-then-page-field-hard-swaps-black-to-navy/recipe.json",
   "sha256": "443b46b8a2a221617539071bd8055b444f32df5ff9865f745ff107bdb3814cff",
   "bytes": 9076
  }
 },
 "builtAt": "2026-09-18T05:50:35Z"
}