designpromthe digital archive / issue 04
brand dna / template analysis / stitch outputsOpen prompt builder
Back to styles
styleChoreographed energy
Visual style

Motion-first Canvas

Scroll choreography and staged reveals with readable fallback structure.

MotionAnimationCampaignLaunchProduct story
Stitch promptMotion
Use this prompt

Design a motion-first landing page with choreographed reveals, directional transitions, layered scene changes, and clear readable sections.

Remix in builder
Expected outputAnimation
  • 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.
Mock output boardChoreographed energy
Layout

Scene-based flow with transition moments built into section order.

Type

Supports movement with directional emphasis and compact scanning.

Motion

Primary design material. Rhythm is central.

Visual trait index

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.

Prompt guardrails

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.
Prompt remixes

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 motionMotion-first Canvas

Reduced motion

Keep rhythm while stripping out non-essential movement.

Stitch prompt

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 energyMotion-first Canvas

More energy

Push tempo and scene contrast harder.

Stitch prompt

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-firstMotion-first Canvas

Mobile-first

Translate the same motion language into a tighter mobile flow.

Stitch prompt

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.

Generated outcomes

Mock outputs for this direction

Use these as visual anchors for how the same prompt family can express itself across hero, type, and flow.

Campaignwide

Motion-first Canvas Hero

Scene-based flow with transition moments built into section order.

type systemtall

Motion-first Canvas Type

Supports movement with directional emphasis and compact scanning.

motionsquare

Motion-first Canvas Flow

Primary design material. Rhythm is central.

Related directions

Nearby categories worth exploring next

Music Release Countdown
TikTokCreator energy

Creator Velocity

Fast, punchy, creator-native composition built for immediacy and social energy.

TikTok template cueCampaign drop page / creator-first launch microsite

Describe high-immediacy hooks, creator-native overlays, vertical-video pacing, and social scan hierarchy in the prompt.

6 Stitch-ready examplesMusic Release Countdown
  • Bold hooks
  • Overlay text
  • Fast scan
  • Playful motion
View details
Spatial drama3D

Immersive 3D

Cinematic hero objects, layered depth, and atmospheric lighting.

  • 3D hero
  • Lighting hierarchy
  • Depth
  • Sparse UI
View details
Atmospheric digital luxuryGradient

Premium Gradient Atmosphere

Soft light fields and premium color transitions instead of flat backgrounds.

  • Glow layers
  • Soft blends
  • Color transitions
  • Elegant contrast
View details