Push in on a floating browser, then scroll the account page down to its stakeholder map
Study the source, inspect the editable build, then adapt the treatment to your own content.
What the source does
A small browser window floats centred on a dark starfield showing an account-plan page with a navy hero card (local f0–14). Between ~f14 and f28 the whole window pushes in until the page fills most of the frame. From ~f35 the page content scrolls upward past bullet lists and a dated 'path to close' timeline; by ~f150 a 'People we need aligned' heading and a tree of stakeholder cards has scrolled into view and settles by f175.
A camera push-in on a floating app window followed by a long eased page scroll inside a fixed browser chrome, landing on a new section.
Phase notes
- Frame 0 — Small floating browser holds
- Frame 14 — Camera pushes in on the window
- Frame 35 — Page scrolls up past lists and timeline
- Frame 150 — Stakeholder map arrives and settles
Use this example
- Watch the source and draft at normal speed. Compare the order of actions, the held states, and the transition into the result.
- Download the project and read its README before changing inputs. The package includes its implementation and declared dependencies.
- Replace the sample content through the package's documented input or content builder. Keep source footage in the research comparison.
- Render your adaptation and inspect text fit, framing, intermediate states, and entry and exit frames.
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.