Section · Stats

Animated stats counter section

by Informeek Studio Made with Claude 6 November 2026
Live Reload the preview to watch the numbers count up

The prompt

Claude · Claude Opus 5.5

Design a dark navy stats section with a small "By the numbers" label and the heading "Trusted by teams in 40 countries". Show four large numbers that count up from zero when the section scrolls into view: tasks completed every month, uptime over the last year, average review score and teams using it every day. Put a thin bar under each number that fills as it counts. Sky blue accents, two columns on mobile.

Written by Informeek Studio to recreate this design. Prompts are not deterministic: running it again gives a similar result, not an identical one.

Use it in three steps

  1. Copy the prompt with the button above.
  2. Paste it into your tool, such as v0, Lovable, Bolt or Claude.
  3. Make it yours by swapping in your own four numbers and labels.

About this stats section design

Numbers are only convincing if people notice them. This stats section design makes sure they do: four large figures count up from zero when the section appears, and a thin bar under each one fills as it counts.

The animation runs once and stops, so it reads as a moment rather than a distraction. Dark navy and sky blue keep the figures crisp. On a phone the four numbers settle into two columns, which keeps them big enough to read at a glance.

Why the prompt works

  • It names all four metrics, so the layout is built for real labels.
  • It ties the motion to scrolling, counting up when the section appears.
  • It adds a second cue, the bars, so the effect is clear without reading.

When to use it

Use it when your numbers are genuinely impressive and easy to check. Small or vague figures look weaker when they are made this big.

The prompt is shared under CC BY 4.0. Reuse it freely, including commercially, with a credit linking back to this page.

Keep exploring

More prompts like this

See the collection →