Kinetic typography prompt — app onboarding words

<direction> A 9-second vertical onboarding film for FLOWBASE, 1080x1920 vertical. Top: a progress bar fills continuously across the whole film, with three step labels (WORKSPACE, TEAM, FIRST TASK) that light accent when completed, white while current, grey while upcoming. Centre: one step per beat — STEP n OF 3 small, then the statement in two 96px lines (second line accented), then one microline of explanation. Final beat: the bar completes, all labels lit, and the end card lands: YOU'RE IN. + one honest line + an OPEN FLOWBASE button. Banned: real app screenshots, glows, gradients, more than three steps, confetti on the end card, progress that jumps instead of filling. </direction> <structure> Steps hold frames 15–74 / 75–144 / 145–214 (fade+rise 13 frames each). Bar interpolates 0→900px across frames 15–215. End card frames 215–232, button 238–254. Hold to 270. </structure> <build> One Remotion component (React), useCurrentFrame + interpolate with clamped ranges. Step index, label colours, and bar width all derive from the same frame — they cannot disagree. </build> <gotchas> Nothing broke. Stills at each step confirmed the label states (done/current/upcoming) read correctly at a glance — the one thing an onboarding film must never get wrong is which step you are on. </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.