🔒 Premium Lesson Page

Distinction Lesson — Side-by-Side Concept Compare Page

A teaching lesson page that distinguishes two often-confused concepts side by side, with examples and decision cues — pilots pain vs. discomfort but the pattern fits any 'know the difference' lesson.

Best for: Teaching critical distinctions where learners need to tell two often-confused concepts apart and know which action belongs with each.

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

What it does

  • Distinction opener — frames why the difference matters and what gets risked when learners confuse the two
  • Side-by-side compare — both concepts shown side by side with definition, examples, and how each one feels
  • Cue cards — small signal cards for each side so learners can quickly recognize which one they're in
  • Decision rule — a clear 'when you notice X, do Y; when you notice Z, do W' rule
  • Edge cases — short callouts for the gray-zone moments and what to do then

Best use cases

  • Wellness and movement — pain vs. discomfort, effort vs. strain, soreness vs. injury
  • Mindset and psychology — fear vs. intuition, anxiety vs. excitement, guilt vs. shame
  • Productivity — urgent vs. important, busy vs. productive, reactive vs. proactive
  • Communication — feedback vs. criticism, directness vs. rudeness, listening vs. waiting
  • Business and leadership — strategy vs. tactics, vision vs. plan, risk vs. recklessness
  • Personal finance — investing vs. speculating, saving vs. hoarding, need vs. want

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 — two-sided palette where each concept has its own color cue, plus a neutral page background and text.
  • Fonts — two roles: a confident headline font and a clean body font. Editorial and clear.
  • Copy — distinction opener, side-by-side compare blocks, cue cards, decision rule, edge cases.
  • Images — optional symbols or icons per side to anchor recognition.
  • Behavior — choose whether the side-by-side stacks on mobile and whether to add a small self-check at the end.

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.