A presenter's polaroid rises with a highlighted title under it, then a cut to their footage beside a graph-paper masthead where taped spec cards drop in
This is the format it was composed for. Switch above to see it lay itself out for another: same animation, re-arranged for the frame.
What you can change · 7 settings
Everything below can be changed without touching the animation. Hand the list to an agent, or edit the values at the bottom of the component file.
- Intro top *introTop · string
First line of the title under the polaroid. Set in capitals; short, two words at most.
now: The watch
- Intro bottom *introBottom · string
Second line of that title. One word reads best.
now: Journey
- Caption *caption · string
Small caption in the polaroid's bottom border, like a figure label.
now: fig 1.
- Masthead top *mastheadTop · string
First word of the masthead after the cut, in ink, with the highlighter under it.
now: Deep
- Masthead bottom *mastheadBottom · string
Second line of the masthead, in the accent colour. The subject itself.
now: Watches
- Cards *cards · array
The taped cards that drop onto the sheet, first at frame 70 and the second near the end.
now: 2 items
- Brandbrand · string
Brand token id. Light brands with a yellow second accent are what this layout is for.
now: notebook
For developers · source, dependencies and provenance
Dependencies
No Tailwind, no CSS, no asset files. Inline styles only.
Source
Provenance
Prompt
An explainer channel's opening in two shots on cream stock. First a polaroid of the presenter rises into the frame, straightening out of a tilt as it fades up, with the whole frame pushing in slowly; two title lines rise under it one after the other, each straightening from a small tilt, and a yellow highlighter wipes under each. The footage in the polaroid whips to a second angle. Cut: the presenter's footage arrives from the right as a tall panel with a black outline and a hard grey offset shadow and settles on the left of a graph-paper sheet. A two-line masthead rises beside it, black over red, and a highlighter wipes under the first word. A taped spec card drops onto the sheet out of a larger, straighter, see-through version of itself, and near the end a second card lands overlapping it, tilted the other way.
