🔒 Premium Lesson Page

Concept Explainer Lesson — Visual Science Breakdown

A teaching lesson that breaks down the why behind a craft using labeled visuals, side-by-side comparisons, and a quick knowledge check — pilots vegan ingredient science but the pattern fits any 'why this works' explainer.

Best for: Theory and concept lessons where students need to understand the underlying mechanics behind a practice — not just the steps, but why the steps work.

Live preview — scroll inside the frame to see the full page.

What it does

  • Concept hero with one-line thesis — opens with the core idea stated plainly so students know what they're about to understand
  • Labeled visual diagrams — illustrations or photos with callouts that name the parts and their roles
  • Side-by-side comparison cards — two cards that contrast different states, methods, or ingredients to make the difference legible
  • Cause-and-effect explanation blocks — short paragraphs paired with small icons that walk through what's happening and why
  • Knowledge check at the close — a quick multiple-choice or true/false set that confirms the takeaway before students move on
  • Recap and next-lesson handoff — a short summary list and a clear card pointing to the practice lesson that follows

Best use cases

  • Cooking and baking — why gluten develops, why eggs bind, why fermentation works
  • Fitness and movement — why a muscle activates a certain way, why posture affects power
  • Music education — why a chord progression resolves, why intervals create tension
  • Business and finance — why a pricing curve behaves the way it does, why a funnel converts
  • Science and STEM — why a chemical reaction proceeds, why a circuit completes

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, callout accents, comparison card backgrounds, body text, and the knowledge-check states (correct, incorrect, neutral)
  • Fonts — a clean display font for headings, a readable body font for explanations, and an optional caption font for the diagram labels
  • Copy — thesis line, three to five labeled diagram captions, two comparison-card titles and details, three cause-and-effect blocks, and the knowledge-check question and answers
  • Images — main concept diagram or photo, comparison-card visuals, and small icons for the explanation blocks
  • Behavior — toggle whether the knowledge check is required to advance, and whether comparison cards animate in or appear on scroll

How remixing works

From "swiped it" to "shipped it" in three steps.

01

Pick a remix

Browse the library, find one that fits — like this one.

02

Run it through your DNA

The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.

03

Ship it

Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.