Motion fieldnotesOpenAI film study
Selection & controls · Rendered draft

Click a mode pill to turn it active blue, then type so the send button arms

Study the source, inspect the editable build, then adapt the treatment to your own content.

01 / OpenAI source 0:38.9–0:41.8 · Silent research excerpt
02 / Remotion draft Original illustrated content · Editable code

What the source does

A white screen shows a centred 'What can I help with?' heading, a light grey composer with a placeholder, a row of mode pills (Attach, Search, Deep research) and a round black voice button, plus a row of suggestion chips below. The pointer moves to the 'Deep research' pill (f0-10) and clicks (~f12): the pill fills light blue with blue text and icon. A caret appears in the field around f22 and 'Can you' types on from about f44 to f60; on the first character the round button swaps its voice glyph for an upward send arrow. Hard cut out at f70.

State chaining in a composer: a pill toggles to an active colour, focus enters the field, and the first typed character re-arms the primary button.

Phase notes

  1. Frame 0 — Composer idle, pointer approaching
  2. Frame 12 — Click: pill turns active blue
  3. Frame 22 — Caret appears in the field
  4. Frame 44 — Typing begins; button swaps to send arrow
  5. Frame 60 — Hold typed text until the cut

Use this example

  1. Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
  2. Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
  3. Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
  4. Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
A runnable draft is not a fidelity approval.

The source and remake are different assets. The original code-based illustration remains editable; source footage is a research reference. Read the retained findings below before using the choreography.

Recorded limits

  • Visual fidelity is an authored draft judgement from sampled source frames; no independent blind review or native Resolve execution.
  • Both variants rerendered after correcting unrevealed whitespace and the caret’s active line.

Inspect the original verification record ↗