Commerce

Arrives By

A chip opening, a rail drawing across it, and a dot running to the far end before the date lands.

Duration
3s
Frame
640 × 360
Export
MP4, GIF, MOV (alpha)
Resolution
Up to 4K

About the Arrives By animation

The delivery answer for the question every product post gets in the comments. The dot completing its run is what makes the date read as arrival rather than as dispatch, so put the date the customer receives it, not the day you post it. Keep the label to a short day-and-date; the chip is sized for about twenty characters and grows rightward.

Where it fits

  • As the delivery answer to the question every product post gets in the comments.
  • Over a product clip, near the price.
  • In a Story before a cutoff, with the arrival date.

Filling it in

Put the date the customer receives it, not the day you post: Arrives Tue, Mar 4. The chip is sized for about twenty characters and grows rightward, so keep the label to a short day and date. The dot colour is the runner on the rail.

Format and timing

Arrives By is built at 640 × 360, a 16:9 landscape frame, the shape of a YouTube video, a stream layout and most editing timelines, and runs 3 seconds at 30 frames per second. It arrives in 1.3 seconds, holds for 0.9 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.

What you can edit

  • Delivery datetext
  • Dot colourcolor

Questions about Arrives By

Why does a dot run along the rail?

Because the dot completing its run is what makes the date read as arrival rather than dispatch. The chip opens, the rail draws, the dot arrives, then the date lands.

Can I write a range instead of a date?

Yes, if it is short. Arrives in 2 to 4 days fits. Anything longer pushes the chip past its width.

More commerce animations