Copying comes with patterns, for GrinBot buyers
Scroll Counter
Color familyMustard Field
Primary#FFC21ASecondary#FFD45CBackground#FFF4D1Surface#FFFFFFText#16224AAccent 1#E2462FAccent 2#FFC21AAccent 3#16224AAccent 4#FFC21A
Open in Moodkit ↗

Calm copy the same design, with calmer motion and words

Scroll Counter (calm)
Color familyMustard Field
Primary#FFC21ASecondary#FFD45CBackground#FFF4D1Surface#FFFFFFText#16224AAccent 1#E2462FAccent 2#FFC21AAccent 3#16224AAccent 4#FFC21A
Open in Moodkit ↗

The idea

the run, told as you scroll. A tilted navy strip of runners' names ("Thank you Aisha · Ben · Ceri…") glides across the top of a sunrise-yellow section. The left column stays pinned: a huge condensed italic "EVERY MILE, COUNTED." with "counted." in outline, and a route bar from Hove to Eastbourne that fills in red as you scroll. On the right, four giant numbers count up one by one as each rises into view (runners, money raised, training miles, charities), each with what it counts and where the figure comes from. A red running shoe and a "26.2" medal rock on their own.

Palette and fonts: sunrise yellow, navy, race red, cream · Archivo (width 70, italic 900), Libre Franklin

Grinner features used

  • Advanced Animations
  • Button
  • Count up
  • Group
  • Heading
  • Progress Bar
  • Scrolling Text
  • Sticker
  • Sticky column

The calm copy

the same sunrise-yellow run report: a tilted navy strip of runners' names across the top, "EVERY MILE, COUNTED." in huge condensed italic, the route bar from Hove to Eastbourne that fills in red as you scroll, and the four giant numbers down the right with what each counts and where it comes from.

Palette and fonts: sunrise yellow, navy, race red, cream · Archivo (width 70, italic 900), Libre Franklin

Grinner features used

  • Advanced Animations
  • Button
  • Group
  • Heading
  • Progress Bar
  • Sticker

More Stats and Numbers

Us and Average: Stats and NumbersReview Score: Stats and NumbersTrees Planted: Stats and NumbersBar Look: Stats and Numbers