Before/After Metric Stack — Outcome Proof Block

What it does

• Side-by-side before/after rows — each metric shows the starting number and the ending number on the same line
• Defined time window — every row labels the duration (90 days, six months, etc.) so the delta is honest
• Three to five stacked metrics — multiple metrics build a holistic picture rather than relying on one big number
• Calm dark register — restrained color palette and generous spacing keep the focus on the numbers
• Anchoring caption per row — a short label names what each metric measures in plain language

Best use cases

• Consultants — engagement-level metric improvements over a defined window
• Coaches — client transformation metrics (revenue, hours saved, weight, mileage)
• Course creators — student outcome stats before and after the program
• Agencies — campaign-level performance deltas
• SaaS — customer success metrics in a case-study block

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 — slots for section background, before-state color, after-state accent, and label text
• Fonts — display font for the numbers and a body font for labels and time-window captions
• Copy — section title, three to five metric labels, before and after values, and time-window labels
• Behavior — choose how many rows to show, whether to animate numbers counting up on scroll, and whether to add a CTA below
• Images — optional small icon per row for added visual rhythm