Resource Library — Lesson Page with Curated Asset Grid
A lesson page that pairs a video or core teaching with a curated library of downloadable resources, links, and supplementary materials underneath — pilots a brand-identity lesson but the pattern fits any lesson that comes with assets.
Best for: Lessons that come with worksheets, templates, code, slides, or reference material — where the resource grid is part of the lesson value.
Live preview — scroll inside the frame to see the full page.
What it does
- Core teaching block — the lesson video or main teaching sits at the top of the page
- Curated resource grid — a clean grid of resource cards underneath the teaching
- Resource type indicators — each card shows what kind of asset it is (PDF, link, template, etc.)
- Quick action per card — download, open, or copy with one click
- Optional grouping — resources can be split into sections by type or by topic
- Responsive layout — grid collapses cleanly on mobile so resources stay easy to find
Best use cases
- Design and brand courses — template, swipe-file, and example libraries per lesson
- Code and technical education — repos, snippets, docs, and alternate examples
- Marketing courses — swipe files, scripts, ad templates, email examples
- Business and operations — SOP downloads, spreadsheets, planning templates
- Cooking and craft — printable recipes, shopping lists, alternate technique references
- Education and certification — slide downloads, study guides, additional reading
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 — palette for resource cards, type indicators, action buttons, and section headers.
- Fonts — two roles: a confident headline font for the lesson title and section labels, and a clean body font for resource details.
- Copy — lesson title, optional section headings, and short descriptions per resource card.
- Images — optional thumbnails or icons per resource. Type icons read faster than full images.
- Behavior — choose grid columns, whether to group resources by section, and how each card opens (in-page, new tab, download).
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.