Module Grid Cards — At-a-Glance Curriculum Block
A grid of module cards — number, title, brief description, and optional outcome — that shows the full course at a glance, pilots a long-form sales page but the pattern fits any program where breadth needs to be proven in one screen.
Best for: Mid-page curriculum blocks on long-form sales pages where the visitor needs to feel the full scope of the course in a single glance.
Live preview — scroll inside the frame to see the full page.
What it does
- Numbered module cards — each module carries a clear number so the sequence is obvious
- Card grid layout — modules sit side by side at glanceable scale
- Title and short description per card — each card names the module and summarizes what it covers in one or two lines
- Optional outcome line — a short result statement under each module anchors it to a real takeaway
- At-a-glance breadth signal — the grid format itself communicates 'this is comprehensive' before any reading
Best use cases
- Course creators — module-overview grid on a long-form sales page
- Cohort programs — phase grid showing the full arc
- Certification programs — domain grid across the curriculum
- Memberships — content-pillar grid
- Workshops and intensives — session-grid breakdown
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 section background, card surface, module-number accent, headline color, and dividers
- Fonts — heading font for module numbers and titles, plus a body font for descriptions
- Copy — section headline, intro line, module numbers, titles, descriptions, and outcome lines
- Behavior — choose grid columns (two to four), how many modules display before a 'see all' option, and whether to add hover details
- Images — optional small icon per module for visual rhythm
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.