Milestone

Heat Grid Week

A heat grid filling in diagonal waves, the ring landing on today once the last cell is in.

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

About the Heat Grid Week animation

The streak post, for a habit whose evidence is the grid — commits, sessions, posts, days. Filling diagonally rather than row by row keeps the eye on the whole square instead of racing it to the corner, and the ring says which cell is now. The streak figure goes at the top: the grid shows consistency, the number is what gets quoted.

Where it fits

  • As the streak post for a habit whose evidence is the grid: commits, sessions, posts.
  • On a build-in-public account, as the weekly consistency card.
  • In a fitness feed, showing the days trained.

Filling it in

The streak figure goes at the top, 128 days, since the grid shows consistency and the number is what gets quoted. The kicker names what is being counted. There is no colour field; the grid takes its palette from the source.

Format and timing

Heat Grid Week 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 seconds at 30 frames per second. It arrives in 0.7 seconds, holds for 2.9 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
  • Streaktext

Questions about Heat Grid Week

Why does the grid fill diagonally?

To keep the eye on the whole square rather than racing it to the corner. Row by row reads as a scan; diagonal waves read as a field filling in.

Does the grid reflect my actual days?

No. It fills fully as a fixed pattern and the ring lands on today. The streak text carries the real number; the grid stands for the habit.

More milestone animations