System

Uptime All Clear

Seven day bars filling in turn under the heading, the checking pill handing over to an all clear.

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

About the Uptime All Clear animation

The status post for a team whose reliability is worth saying out loud, and the calm sibling of an incident notice. The pill only swaps once the bars have run, so the all clear is the conclusion of the graphic rather than its opening claim. Do not post it over a week that had an incident: the format has no way to show one, which is exactly why it is credible when it is true.

Where it fits

  • As the status post for a team whose reliability is worth saying out loud.
  • As the calm sibling of an incident notice.
  • In a monthly product update, as the all clear.

Filling it in

The heading names the window, UPTIME, 90 DAYS, and the two pill labels are the states, CHECKING then ALL CLEAR. Do not post it over a week that had an incident; the format has no way to show one, which is exactly why it is credible when it is true.

Format and timing

Uptime All Clear 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.0 seconds, holds for 1.6 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

  • Headingtext
  • Checking labeltext
  • Clear labeltext

Questions about Uptime All Clear

Why does the pill swap only after the bars run?

So the all clear is the conclusion of the graphic rather than its opening claim. The check happens on screen, and the result follows it.

How is this different from the uptime badge?

The badge shows thirty days with one incident marked and a figure. This one shows seven bars and a clear state, with no way to show an outage. Use the badge when there was one.

More system animations