Proof numbers · for review
Same three figures, same cards, six different animations, starting with Todd's pick. Each one below is the exact code that would get pasted into Maisey, not a picture of it. They all start on their own when the row reaches the screen, so let each section arrive rather than jumping down the page. Use Replay to watch one again.
Option E's motion, option D's rule, and the figures in brand teal. Three beats: the figure rises past a clean edge and resolves out of a soft blur, then it climbs from zero while the gold rule grows underneath it to the same percentage, then the sentence arrives. The rise and the count are deliberately sequenced rather than stacked. Run at the same time, the churning digits take the eye and the movement vanishes. Teal is the brand's own accent colour, so the figures read as COSMO rather than as body text, and the gold rule stays the single warm note on the card. Teal on white measures about 7 to 1, comfortably past the accessibility floor at this size.
See it split into three separate widgets, one per number, which is how it has to go into Maisey.
The numbers are simply there when the page loads. Nothing wrong with it. It is the baseline every option below is asking to beat.
95%
Of COSMO certified leaders and coaches highly recommend the certification to anyone
100%
Of leaders reported improved ability to lead themselves and others
94%
Anticipate increased clarity in goals, roles and organizational direction
The baseline. Each figure counts from zero to its real value in about a second and a half, one card after the next, and nothing else on the card moves. Quiet enough that nobody will ever call it a gimmick, and it still makes a reader wait for the number, which is the whole point of animating it.
Mechanical and deliberate. Each digit rolls into place like a counter coming to rest, left digit settling first. It never shows a wrong total on the way, because the digits roll to their final positions rather than counting through other numbers. More character than A, and it reads as measurement rather than decoration.
Shows the proportion, not just the figure. A gold arc draws around each number as it counts. These are percentages of people surveyed, so the circle is an honest picture of them: 95 percent leaves a visible gap and 100 percent closes completely, which is the strongest single moment in this whole set. The trade is that it adds a gauge to a page that otherwise has no circles.
The ring's honesty, much quieter. A gold rule grows under each number to the same percentage. It sits flat in an editorial layout instead of adding a dial, it puts the brand gold on the section, and the grey remainder quietly shows the part of the room that did not say yes. If the brief is trust first, this is the one worth looking at hardest.
The most cinematic, and the one to be careful with. The figure rises past a clean edge, resolving out of a soft blur, settles, and only then climbs to its value. The sentence underneath arrives once the number has landed. Handsome. It also puts the most personality on a section whose job is credibility, so it is here to be compared rather than recommended. Todd's pick at the top is this motion plus the gold rule, with the figures in brand teal.