Recipe Collection Lesson — Visual Card Index Page
A lesson page that presents a curated collection as a visual card index with difficulty ratings and quick-access details — pilots a sweet vegan staples collection but the pattern fits any curated catalog lesson.
Best for: Curated collection lessons where learners need to browse, filter by difficulty, and quickly pick the next thing to make, do, or try.
Live preview — scroll inside the frame to see the full page.
What it does
- Collection opener — frames the theme of the collection and how learners should use it
- Visual card grid — every item in the collection appears as a clean visual card
- Difficulty or level indicators — small badges signal complexity (beginner/intermediate/advanced)
- Quick metadata per card — time, key attributes, or category tags for fast scanning
- Click-to-detail — each card opens into the full item (recipe, project, exercise) without losing place
- Optional filter bar — filter or sort by difficulty, category, or attribute
Best use cases
- Cooking and baking — recipe collection lessons by season, theme, or skill level
- Fitness and movement — curated workout, drill, or exercise collections
- Design and craft — project gallery lessons sorted by complexity
- Music — curated practice piece libraries with difficulty ratings
- Coaching prompts — curated journaling, reflection, or exercise prompt packs
- Education — curated reading lists or case-study collections per module
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 — warm, editorial light-mode palette across page background, card surfaces, badge colors, and text.
- Fonts — two roles: a confident headline font and a clean body font. Editorial register.
- Copy — collection opener, card titles, short descriptions, difficulty labels, optional filter labels.
- Images — strong photography per card is the centerpiece. Visual consistency matters.
- Behavior — choose grid columns, whether to include a filter bar, and whether cards open inline or on a new page.
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.