Shape morph prompt — shape to logo, seamless loop — HyperFrames (first frame = last frame)

<direction> A 9-second square seamless-loop morph for LOOPMARK. One shape centre frame morphs circle → rounded square → triangle → diamond → ring + dot logo mark, then the wordmark LOOPMARK and tagline ONE SHAPE. EVERY MARK. land — then everything unwinds back to the opening circle, so first frame = last frame and the film loops cleanly. Accent #ff5c1a. House style: near-black #0a0a0a background, white type, ONE orange accent #ff5c1a, Arial/Helvetica bold, no webfonts. Fictional brands/data only. Banned: cuts (morphs crossfade, never cut), glows, gradients, elastic easing, a final frame that differs from the first. </direction> <structure> 0–1.4s: circle holds. 1.5–6s: one morph per ~1.5s. 6–6.4s: logo mark + wordmark + tagline land. 8–8.1s: unwind to the circle. Hold to 9s. </structure> <build> One HyperFrames composition, 1080x1080 square, 30fps. Stacked shapes crossfaded by opacity; the diamond is pre-rotated 45° via gsap.set so scale tweens compose; wordmark/tagline fade out with the logo before the circle returns. </build> <gotchas> - The diamond's rotation must be set through GSAP, not CSS, or scale tweens overwrite it. - The unwind is the test: screenshot frame 0 and the final frame and compare — they must match, or the loop is a lie. </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.