Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections.
Motion-first Canvas
Scroll choreography and staged reveals with readable fallback structure.
- Scene-based flow with transition moments built into section order.
- Supports movement with directional emphasis and compact scanning.
- Can be neutral or expressive, but motion does the heavy lifting.
Scene-based flow with transition moments built into section order.
Supports movement with directional emphasis and compact scanning.
Primary design material. Rhythm is central.
Make the result legible before anyone generates it
Each direction is translated into concrete layout, type, color, and pacing notes so the prompt has a visible design consequence.
Layout
Scene-based flow with transition moments built into section order.
Typography
Supports movement with directional emphasis and compact scanning.
Color
Can be neutral or expressive, but motion does the heavy lifting.
Motion
Primary design material. Rhythm is central.
Imagery
Can combine UI, media, or abstract surfaces as motion anchors.
Density
Moderate, with pacing used to separate content clusters.
What to push and what to keep out of the frame
Do
- Define motion hierarchy before adding decorative transitions.
- Make each section feel like a distinct scene with clear intent.
- Ensure the page remains readable when motion is reduced.
Avoid
- Avoid constant animation across every surface.
- Do not let motion obscure hierarchy or reading order.
- Avoid decorative loops without narrative value.
Variation prompts that keep the same design DNA
These keep the same underlying direction but change how aggressively the page scans, moves, or compresses for mobile.
Reduced motion
Keep rhythm while stripping out non-essential movement.
Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections. Reduce non-essential motion, keep transitions purposeful, and make the page feel crisp and readable even without animation.
More energy
Push tempo and scene contrast harder.
Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections. Increase directional movement, punch up scene changes, and make the rhythm feel faster and more immediate.
Mobile-first
Translate the same motion language into a tighter mobile flow.
Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections. Translate the same direction into a mobile-first composition with fewer on-screen elements and clearer scroll sequencing.
Mock outputs for this direction
Use these as visual anchors for how the same prompt family can express itself across hero, type, and flow.
Motion-first Canvas Hero
Scene-based flow with transition moments built into section order.
Motion-first Canvas Type
Supports movement with directional emphasis and compact scanning.
Motion-first Canvas Flow
Primary design material. Rhythm is central.
Nearby categories worth exploring next
Creator Velocity
Fast, punchy, creator-native composition built for immediacy and social energy.
Describe high-immediacy hooks, creator-native overlays, vertical-video pacing, and social scan hierarchy in the prompt.
- Bold hooks
- Overlay text
- Fast scan
- Playful motion
Immersive 3D
Cinematic hero objects, layered depth, and atmospheric lighting.
- 3D hero
- Lighting hierarchy
- Depth
- Sparse UI
Premium Gradient Atmosphere
Soft light fields and premium color transitions instead of flat backgrounds.
- Glow layers
- Soft blends
- Color transitions
- Elegant contrast