ESF — Motion, transferred
Production recreation prompt · UTF-8 TXT

This recreation guide is derived from the actual HTML/GSAP source and production brief. It is not an archived single AI prompt. It provides concrete instructions and the actual timeline for an iterative recreation; identical output is not guaranteed.

[Production prompt]
Create a landscape motion graphic at 1280 × 720, 30 fps and eight seconds. Use HyperFrames HTML with a paused, seekable GSAP timeline, Inter-style sans-serif typography and simple geometric elements.
Mesh external gears with 18 and 12 teeth. Rotate them in opposite directions at an angular-speed ratio of 2:3. Over 7.2 seconds, turn the large gear 180 degrees and the small gear 270 degrees in the opposite direction. Use colored markers to show rotation. The teeth are illustrative, not manufacturing-grade involute profiles.
Colors used in the actual work: #291823, #fff0de, #d2b8c9, #705366, #ecac6d, #b59edc.
Avoid rapid flashing and preserve readable contrast and spacing. Compose a short original instrumental score without copying existing recordings or samples. Add short audio fades and target approximately -18 LUFS. Export a fast-start H.264/yuv420p MP4 with 48 kHz stereo AAC.

[Production steps]
1. Construct the gear shapes and align their contact point.
2. Link their rotations in opposing directions.
3. Use color and reference marks to make the movement legible.

[Actual production timeline reference — JavaScript / GSAP]
const tl = gsap.timeline({ paused: true });
gsap.set('.gear2',{rotation:15,svgOrigin:'0 0'});
tl.fromTo('.ratio',{opacity:0,x:30},{opacity:1,x:0,duration:.65,ease:'power3.out'},.25);
tl.to('.gear1',{rotation:180,svgOrigin:'0 0',duration:7.2,ease:'none'},.3);
tl.to('.gear2',{rotation:-255,svgOrigin:'0 0',duration:7.2,ease:'none'},.3);

This is a timing reference. Build the corresponding HTML/SVG elements before using these selectors.

[Reference]
https://everyskillfinder.com/motion/orbital-gears
Download the finished video with music using the MP4 button on the work page.