Story Carousel — 7-Tile Weekly Recap Variant
A seven-tile Instagram-story-style carousel with auto-advancing progress bars that walks visitors through a week's worth of content one tile at a time; pilots a fitness training week but the pattern fits any program publishing a week-at-a-glance recap.
Best for: Homepage and dashboard modules where a full week of content needs to feel snackable, sequential, and familiar — like flipping through a story feed.
Live preview — scroll inside the frame to see the full page.
What it does
- Seven tile carousel for one week — each day of the week gets its own full-bleed tile in a familiar story-style frame
- Auto-advancing progress bars — thin progress bars across the top tick through each tile, signaling pace and progression
- Tap forward and back — visitors can step through tiles manually if they want to linger or revisit a day
- Day-by-day storytelling — each tile carries that day's content, photo, headline, and a short caption
- Familiar story-feed register — the layout borrows from the visual grammar visitors already know from social platforms
- Quiet rest state — when not actively playing, the carousel shows the first tile in a balanced, branded composition
Best use cases
- Fitness programs — a week-at-a-glance training carousel on the homepage or member dashboard
- Membership communities — weekly recap of inside-the-community moments and content
- Course creators — week-of-the-course preview tile-by-tile on a sales or hub page
- Newsletter creators — week-in-review carousel showing the highlights from each daily issue
- Coaches and consultants — weekly accountability or content carousel inside the member portal
- Workshop hosts — week-leading-up-to-the-event story carousel building anticipation day by day
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 tile background, progress bar fill, tile headline text, body text, and accent used on day labels
- Fonts — two roles: a confident display font for day labels and tile headlines, and a clear body font for captions
- Copy — seven day labels, seven tile headlines, seven short captions, and an optional intro line above the carousel
- Images — one full-bleed image or illustration per day, plus optional small icons or stickers per tile
- Behavior — tune auto-advance timing, choose whether the carousel loops, and decide if it auto-pauses when the visitor taps
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.