🔒 Premium Lesson Page

Annotated Performance Breakdown — Case-Study Lesson

A performance-analysis lesson with timestamped annotations, instructor commentary cards, and a focused dark-mode reading register — pilots a James Jamerson bass line but the pattern fits any audio, video, or process the learner needs to slow down and study moment-by-moment.

Best for: Lessons that break down a performance, recording, or process moment-by-moment with annotations, commentary, and 'what to listen for' callouts.

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

What it does

  • Embedded performance media — the audio or video sits at the top with custom playback controls so the learner stays inside the page rather than bouncing to YouTube
  • Timestamped annotations — markers placed at key moments call attention to specific phrases, decisions, or details to notice
  • Instructor commentary cards — short cards explain what's happening at each marker in plain language, paired with the moment they're describing
  • Focused dark-mode register — low-contrast surroundings keep the learner's attention on the recording and the commentary rather than the page chrome
  • Sectioned analysis flow — the lesson moves the learner through the performance in deliberate chunks (intro, key phrase, climax, resolution) rather than dumping all annotations at once

Best use cases

  • Music education — solos, riffs, vocal performances analyzed phrase by phrase
  • Sales and communication training — recorded calls broken down line by line
  • Sports and movement coaching — match footage, swing mechanics, technique frame-by-frame
  • Public speaking and presentation — speech analysis with timing and emphasis annotations
  • Film and storytelling — scene breakdowns with director-commentary-style notes

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, panel backgrounds, accent highlight, marker color, and body text. Dark mode by default; light-mode swap is straightforward.
  • Fonts — two roles: a display font for headings and an editorial body font for analysis paragraphs. Both should read well at long-form length.
  • Copy — opening framing of the performance, timestamped annotation labels, instructor commentary paragraphs (one per marker), and a closing reflection or practice prompt
  • Images / Media — the embedded recording is the centerpiece. Swap the audio or video with your own; everything else flows from it.
  • Behavior — control how many markers appear, where they sit on the timeline, and whether commentary cards auto-reveal as the playhead reaches each one

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.