Documentary Text-Mask Opener — Cinematic Founder Story
A documentary-style lesson opener where a giant headline fills with a warm gradient as the learner scrolls — pilots a vulnerable founder admission but the pattern fits any course intro, welcome page, or program kickoff that needs the emotional weight of a Netflix cold open.
Best for: Course intros and 'about this program' pages where the founder's story or origin moment earns the cinematic weight of a documentary opener rather than a standard welcome screen.
Live preview — scroll inside the frame to see the full page.
What it does
- Cold-open epigraph — opens with a quiet pre-text quote against animated gradient, film grain, and vignette for instant documentary mood
- Scroll-revealed headline — a giant outlined headline fills from bottom to top with warm color as the learner scrolls, like a slow camera push
- Caption fade-in — a one-line caption fades in below the headline once the reveal completes, landing the emotional turn
- Letter from the founder — releases into a handwritten-feel personal letter with dropcap, italic emphasis, and signature
- Clean handoff to Module 01 — closes with a quiet 'what's inside' card that leads the learner into the first real lesson
- Slow, deliberate runway — the scroll pacing is unhurried so the reveal feels earned rather than gimmicky
Best use cases
- Flagship course openers — the 'before you start, here's why this matters to me' first lesson
- Program kickoff pages — cohort, mastermind, or membership welcome pages that need emotional weight
- Re-engagement pages — a winback page for past students or pre-launch waitlist holders
- Founder-led brands — anywhere the founder voice is a meaningful part of the offer
- Documentary-toned and craft-driven brands — courses where seriousness and patience are part of the promise
- Annual milestone moments — yearly kickoff videos, anniversary pages, manifesto refreshes
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 — three core slots (background, warm fill, accent) plus the gradient stops inside the headline mask. Swap the warm sepia for cool-blue noir, forest documentary, or monochrome literary memoir to fit any brand mood
- Fonts — two roles: a display italic serif for the headline and signature, plus a body sans for everything else. The italic serif carries most of the emotional weight
- Copy — pre-text epigraph, the masked headline (two lines, italic on the second), the fade-in caption, the founder's letter (eyebrow, headline, paragraphs, signature, title), and the lead-in CTA
- Images — optional swap from the animated gradient background to looping video footage of the founder at work, a workshop interior, or hands-on craft b-roll
- Behavior — tunable reveal window (when the fill starts and ends) and caption fade-in window, plus vignette tightness and grain intensity for mood control
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.