Module Complete Wrap — Odometer Stats & Particle Burst

What it does

• Pulsing completion badge — a green badge at the top instantly registers 'you finished' before the learner reads anything
• Rolling stat counters — four stats tween up from zero with a satisfying ease as their cards enter view
• 'What changes now' list — three short capability statements name what the learner can now do that they couldn't before
• Particle-burst Mark Complete — clicking the button bursts brand-tinted particles outward in a circle for a celebratory beat
• CTA morph state — the button locks into a green 'Module Complete' state with a check icon so it can't be re-clicked
• Next-up preview reveal — a 'Next up' card fades in shortly after the click to keep momentum flowing into the next module

Best use cases

• End-of-module pages — the most common lesson-wrap use case
• Course completion and certificate pages — celebratory wrap before the certificate downloads
• Cohort-week wraps — live-program weekly closes that need a felt win
• Workshop and replay completion pages — momentum into the next CTA
• Lead-magnet or free-trial completions — celebration tied to a conversion
• Habit and challenge completions — daily or weekly wins that compound

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — two-color brand gradient drives the headline, stat icons, button, and next-up thumb. Particle palette is a 5-color array. Success green stays separate for universal legibility
• Fonts — two roles: a display font for headlines and stats, plus a mono font for the smaller readouts and labels
• Copy — wrap header (badge, headline, lede), four stat labels, three 'what changes' items (capability + soft explanation), CTA section, and the next-up preview card
• Images — none required; the next-up thumb is a gradient block that can swap in a real course thumbnail
• Behavior — counter speed and easing, particle count and color array, particle distance, and the option to drop the burst entirely for high-stakes professional audiences