Promo

Uptime Badge

Thirty days of uptime as a bar row with one incident marked, above the figure they add up to.

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

About the Uptime Badge animation

The status post, for a product team whose reliability is a feature worth saying out loud. Showing the incident is the point: a row of thirty identical bars reads as a graphic, and a row with one gap in it reads as a record. Keep the footer to the honest length of the outage — the number is only worth publishing with the exception next to it.

Where it fits

  • As the monthly status post for a product team whose reliability is a feature.
  • On a status page, as a looping badge.
  • In a sales deck video, as the proof of uptime.

Filling it in

Keep the footer to the honest length of the outage: One incident, 4 min. The number is only worth publishing with the exception next to it. The kicker names the window and the uptime is the figure. Nothing else needs saying.

Format and timing

Uptime Badge 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 0.3 seconds, holds for 2.3 and clears in 0.4, 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

  • Kickertext
  • Uptimetext
  • Footertext

Questions about Uptime Badge

Why show the incident at all?

Because a row of thirty identical bars reads as a graphic, and a row with one gap reads as a record. The gap is what makes the figure believable.

Can I move the gap to the day it actually happened?

Not from the fields. The marked bar is fixed in the source, so edit the Lottie if the position matters. The footer carries the exact detail.

More promo animations