The Xingliu homepage plays a different role from the 134 launch films or the 133
Bilibili tutorial series. Visitors have not signed up or opened the canvas yet —
hero motion has to deliver brand tone, product positioning, and a reason to keep
scrolling in one above-the-fold pass. This launch piece centers on the Xingliu
hero zone, compressing fast image generation and prompt-driven creation into a
scannable first-screen experience.
There is no scroll buffer on the first screen. Motion layers information as
brand → capability → entry: establish visual tone and the dot-grid backdrop
first, then bring generation previews and the prompt input in sequence — avoid
multiple modules animating at once. Viewers remember what Xingliu is before they
read how a description becomes a set of styled results.
Fast Generation Preview
Four vertical portrait results appear side by side, paired with a prompt input
field at the bottom, visualizing the write a description → get styled
outputs workflow. The transition from solid to faded frames suggests batch
output and style exploration rather than a single static showcase — the homepage
should communicate “you can try this immediately,” not “here is one finished
image.”
Motion Pacing
The pacing stays steady with deliberate gaps between beats. A marketing homepage
hero does not need step-by-step onboarding; it links key interface elements with
short, legible motion. Camera push and UI highlights work together so attention
moves naturally from the headline area to the generation preview, then to the
prompt field and call-to-action.
Boundary From Other Xingliu Films
The 134 launch series answers “can someone who has never heard of Xingliu build
brand recognition in one watch?” The 133 tutorial answers “how do I follow along
after I enter the product?” This homepage launch motion only answers “why is it
worth clicking in before I sign up?” — brand narrative, operation path, and
first-screen capability each have their own film; they complement rather than
repeat one another.