Process Block — Foundational Step-Walkthrough Variant

What it does

• One-step-at-a-time focus — only the current step is on screen, removing the noise of a long page
• Forward and back navigation — clear next/previous buttons, plus optional clickable progress dots
• Progress bar — a slim bar across the top fills as the learner advances so they always know how much remains
• Per-step content slots — each step holds a title, short description, optional image or diagram, and one tip or callout
• Recap finish card — a final card lists every step in summary form so the learner can review what they covered

Best use cases

• Software onboarding — first-run setup walkthroughs, account configuration, integration steps
• Recipes and cooking — staged recipe walkthroughs where timing matters
• Trades and DIY — repair walkthroughs, assembly instructions, maintenance procedures
• Wellness routines — morning protocols, breathwork sequences, posture resets
• Admin and ops — SOP walkthroughs, employee onboarding steps, procedure compliance training

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 page background, step card background, progress bar fill, button color, and accent
• Fonts — two roles: a display font for step titles, plus a clean body font for descriptions and tips
• Copy — title, intro line, per-step title and description, optional tip text per step, and final recap heading
• Images — optional image, diagram, or screenshot slot per step
• Behavior — choose the number of steps, whether previous-step is allowed, and whether the recap card is shown at the end