HyperFrames lower third prompt — talking-head overlay

<direction> An 8-second lower-third overlay for a talking-head video, 1280x720 landscape. Bottom-left broadcast block: a rule sweeps in, an orange block slides up, MAYA CHEN reveals character by character, HEAD OF DESIGN — STUDIO NORTH wipes in under it, and a STYLE 01 tag sits to the right of the block. The rest of the frame is an empty placeholder area labelled as such — this is an overlay, so the speaker's space stays clear. Banned: fake person or face renders, glows, gradients, glassmorphism, more than one accent colour, text over the placeholder area. </direction> <structure> Beat 1 (0.3s): rule scaleX in. Beat 2 (0.6s): accent block up. Beat 3 (0.9–1.8s): name characters stagger in. Beat 4 (1.6s): role line clip-wipes. Beat 5 (2.2s): style tag pops. Beats 6–7 (3.2s / 5.5s): two ghost outline copies of the block flash briefly at other positions to show placement variants, then clear. Hold. </structure> <build> One HyperFrames composition, seek-driven GSAP. The name is split into character spans in JS. Placeholder label is its own absolutely-positioned element — keep it clear of the style tag's box even at the tag's widest. </build> <gotchas> Our first pass put the placeholder label and the STYLE 01 tag in overlapping boxes; the automated check caught it before the snapshot did. Give every element its own measured lane and let the checker complain early. </gotchas> Before you finish: step through the timeline at five points and fix anything that overlaps, clips the frame, or drifts off the beat grid.