Commerce

Colourway Drop

A row of colourways orbiting the product, one ring closing on the shade the post is about.

Duration
4.2s
Frame
1080 × 1080
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Colourway Drop animation

The colourway announcement: a restock in new shades, a seasonal palette, a made-to-order range. Only the selected swatch is ringed, so set it to the colour of the product actually in the photo or the frame contradicts itself. Say how long in the caption: a colourway post without a deadline is a catalogue page.

Where it fits

  • As the colourway announcement for a restock in new shades.
  • On a seasonal palette post.
  • For a made-to-order range, showing the options.

Filling it in

Set the selected swatch to the colour of the product actually in the photo, or the frame contradicts itself. Say how long in the caption, three days only, because a colourway post without a deadline is a catalogue page. The headline can be the offer or the range name.

Format and timing

Colourway Drop is built at 1080 × 1080, a square frame, which sits in a feed post without cropping and centres neatly over wider footage, and runs 4.2 seconds at 30 frames per second. It arrives in 1.8 seconds, holds for 1.5 and clears in 0.9, so cue it a beat before the moment it labels. Export it as an MP4 for a timeline or a feed, a GIF where video will not embed, or a MOV with an alpha channel to lay it over footage with nothing behind it. Renders go up to 4K, and the free plan exports at 720p with a watermark.

Who reaches for this

What it gets used for

What you can edit

  • Kickertext
  • Headlinetext
  • Captiontext
  • Product photoimage
  • Selected swatchcolor

Questions about Colourway Drop

Can I change the other swatches?

Only the selected one is a field. The others are fixed in the source, so they stand for the range rather than reproducing it. Edit the Lottie to match your exact palette.

What product photo works best?

A cut-out on a plain background, since the swatches orbit close to it. The selected ring closes near the product, so a clean silhouette keeps the frame legible.

More commerce animations