Timeline — Week-by-Week Progression Variant

What it does

• Week track — weeks run along a horizontal axis the learner can scroll or scrub through
• Tap-a-week reveal — selecting a week opens a panel with milestones, what-to-expect notes, and any actions
• Active-week highlight — the current week is clearly marked, plus an optional 'jump to my week' shortcut
• Milestone icons per week — small icons mark especially big weeks so they're easy to spot at a glance
• Smooth scrubbing animation — drag, click, or arrow keys move fluidly through the weeks

Best use cases

• Health and parenting — pregnancy weeks, baby development weeks, postpartum recovery
• Fitness training — week-by-week marathon plans, strength program progressions, rehab timelines
• Cohort courses — week-by-week course progressions, bootcamp schedules, accountability programs
• Coaching programs — 12-week transformation plans, business-launch programs, habit programs
• Nature and seasons — gardening-by-week guides, seasonal hobby progressions, foraging calendars

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, week track, active-week highlight, milestone icon color, detail panel background, and accent
• Fonts — two roles: a display font for week numbers and headings, plus a body font for details
• Copy — title, intro line, per-week milestones, what-to-expect notes, and any action or self-check items
• Images — optional illustration or photo per week, plus a larger detail image inside the panel
• Behavior — choose the number of weeks, the default selected week, whether a 'jump to my week' shortcut is shown, and which weeks count as milestones