Smart Sidebar Lesson — Context-Synced Video Page

What it does

• Main video player on the left — the lesson video stays anchored as the primary focus on the page
• Synced contextual sidebar — a panel on the right that swaps content (definitions, examples, citations) at preset moments in the video
• Term-definition cards — short cards that pop in when an instructor names a key concept, so students don't have to look it up
• Reference and example cards — image, link, or quote cards that surface alongside relevant moments in the talk
• Pinned takeaway list — a running list at the bottom of the sidebar where key points stay visible after they pass
• Mobile-friendly stacked view — on smaller screens the sidebar reflows beneath the video so nothing is lost

Best use cases

• Photography and design masterclasses — definitions and example shots appear as the instructor lectures
• Business and finance — terms, charts, and case-study references surface alongside a strategy talk
• Academic and research — citations, definitions, and source links appear during a lecture
• Health and wellness — anatomical references and study citations appear during an educator's talk
• Music education — score references, audio examples, and term cards sync to a teacher's video

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, video frame, sidebar surface, accent line for the active card, and body text; tune to feel like a premium classroom
• Fonts — a confident display font for the lesson title, a clean body font for the sidebar cards, and an optional caption font for citations
• Copy — lesson title and short summary, the term-definition cards (what's the term, what does it mean), example cards, reference cards, and pinned takeaway items
• Images — video thumbnail, any reference images or example photos that appear in the sidebar, and small icons indicating card type
• Behavior — set the timecodes when each sidebar card appears, choose whether previous cards stay pinned or fade, and decide whether students can click ahead to specific moments