Video Masterclass Hero — Split Editorial Variant
A split-screen hero that pairs an editorial intro on one side with a quiet video preview frame on the other, pilots a masterclass sales page but the pattern fits any creator, coach, or course where the teaching voice itself is part of the value proposition.
Best for: Top of a masterclass sales page or course homepage where a quiet, editorial first impression should preview the teaching voice via a video frame.
Live preview — scroll inside the frame to see the full page.
What it does
- Split-screen layout — left side carries editorial copy, right side carries the video preview frame; balance shifts to stack on mobile
- Editorial copy column — confident headline, short subhead, and a soft CTA ('watch the lesson preview') that lowers commitment friction
- Video preview frame — a poster image with a clear play button reads as ready-to-watch without auto-playing
- Soft secondary CTA — beneath the primary CTA, a quiet link routes visitors to the curriculum view
- Quiet first impression — generous spacing, restrained typography, and muted colors set a premium, considered tone
Best use cases
- Course creators selling masterclasses — split hero previewing the teaching voice on a sales page
- Coaches with signature talks — hero pairing an editorial pitch with a talk preview
- Consultants with thought-leadership videos — hero pairing copy with a keynote or framework video
- Authors and speakers — split hero pairing a book pitch with a reading or talk preview
- Memberships with flagship content — hero previewing a member-only masterclass
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 the page background, the split-divider, video-frame border, and text colors for headline, subhead, and CTAs
- Fonts — two roles: an editorial display font for the headline and a clean body font for the subhead and CTA labels
- Copy — headline, subhead, primary CTA label, secondary CTA label, and a short pull-quote or instructor line
- Images — video poster image (one strong still from the preview), optional instructor photo or signature
- Behavior — tune split ratio (50-50, 60-40), poster image vs animated GIF, and click-behavior (open modal vs play inline)
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.