Catalyst is a civic-themed landing page template built for mid-tier YouTubers ready to turn loyal audiences into paying members. Using a Hero's Journey narrative structure and a modular card grid layout, it guides visitors from creator pain points through platform features to real proof, all framed as a grassroots movement, not a product pitch.
by Rocket studio
Loading preview…
Quick summary
Catalyst is a single-page, card grid landing page template for YouTubers building paid membership communities. It follows a three-act narrative: pain, platform, and proof. The Civic Service visual theme, deep teal, midnight backgrounds, warm parchment cards, and signal amber calls to action, makes the page feel like a movement worth joining.
Who this template is for
This template is built for creators who have built real audiences but haven't converted that loyalty into predictable income. It speaks directly to people who are tired of chasing algorithms and ready to build something more durable.
Mid-tier YouTubers with 50,000 to 500,000 subscribers who have loyal comment sections but inconsistent revenue
Course creators who have outgrown simpler membership platforms and need more structural control
Educator creators whose free content drives value for others while they scramble for sponsorships
What problem this template solves
Most creator monetization pages feel transactional. They list features without context and ask for commitment before building trust. Catalyst solves the emotional gap between "I have an audience" and "I have a business."
Creators struggle to frame their membership offer in a way that feels earned, not sold
Visitors arrive skeptical and leave unconvinced when pages skip the story and jump to pricing
Without social proof presented in the right order, even strong offers fail to convert
What you get with this template
Catalyst is a fully structured landing page template with five major content sections, a sticky call-to-action bar, and a gated lead magnet form. Every section is designed to carry the narrative forward and build conviction progressively.
A full Hero's Journey page flow: Act One (pain), Act Two (platform), Act Three (proof), plus a lead magnet section and footer
Modular card grid layout with expandable testimonial cards, a live milestone ticker in the hero, and a letter-reveal headline animation
A free resource gate ("The Membership Blueprint") with an email field and channel-size selector, requiring no credit card
Theme
Civic Service
Creative direction
Hero's Journey
Color system
Teal Catalyst
Style
Card Grid (Modular)
Direction
Content/Resource
Page Sections
Hero Hashtag with Live Milestone Ticker
Three-act Hero's Journey Page Flow
Expandable Testimonial Case Study Cards
Gated Membership Blueprint Form
Sticky Signal Amber Call-to-action Bar
Staggered Card Grid Animations
Related questions
Who is this landing page template designed for?
Does the lead magnet form require a credit card?
What animations and interactive elements does this template include?
Can I adjust the colors and fonts to match my brand?
Is this template optimized for desktop or mobile viewing?
Feature list
This template is built around several purposeful components that serve the conversion narrative directly.
Oversized Hashtag Hero with Live Ticker
The header opens on a full-width #MovementNotMoment headline set in condensed display type. Below it, a live-updating ticker scrolls real creator milestones, giving the page a living pulse from the first second.
Three-Act Narrative Card Grid
The page scrolls through three distinct acts. Act One shows creator pain using an asymmetric bento grid. Act Two rearranges cards into a membership architecture view. Act Three delivers expandable testimonial cards with before-and-after stats.
Expandable Creator Testimonial Cards
Each testimonial card in Act Three can be expanded into a mini case study. Visitors see the creator's name, subscriber count, and revenue transformation without leaving the page.
Gated Lead Magnet Form
The Membership Blueprint section includes an email capture field and a channel-size selector with three tiers: under 50K, 50K to 200K, and 200K and above. No credit card is required, lowering the barrier to entry.
Sticky Call-to-Action Bar
After Act Three, a sticky bar persists at the bottom of the viewport with the primary "Start Your Chapter" call to action in signal amber. It keeps the conversion path visible without interrupting the narrative scroll.
Staggered Card Entrance Animations
Section transitions use Intersection Observer reveals and staggered card entrances. Letter-reveal keyframes on the headline and ticker scroll animations add momentum to the scroll experience.
Page sections overview
Section
Purpose
Hero Hashtag Header
Introduces the movement with oversized type and a live milestone ticker
Act One Pain Grid
Asymmetric bento cards surface demonetization and sponsorship rejection pain
Act Two Platform Cards
Modular cards show membership tiers, architecture, and revenue visuals
Act Three Proof Cards
Expandable testimonial cards present creator transformations with stats
Blueprint Lead Magnet
Email-gated form delivers a free resource with a channel-size selector
Footer Arc Split
Arc Browser-style split footer with tagline and navigation links
Design & branding system
The visual identity follows a Civic Service theme. It draws from campaign poster aesthetics, grassroots energy paired with institutional weight. Every color decision carries meaning and directs attention.
Midnight charter (#0F2027) backgrounds anchor the page with founding-document gravity; warm parchment (#FAF3E0) card surfaces keep content readable and approachable
Deep civic teal (#0D7377) holds the primary authority presence across headings and structural elements; signal amber (#F2A922) marks every interactive element and call to action to create urgency without alarm
Typography pairs Manrope for body text and user interface elements with Fraunces for display and serif accents, reinforcing the civic-meets-modern tone
Mobile & speed optimization
The template is designed desktop-first, reflecting how creators typically research tools and platforms. Full mobile support is built in so the experience holds across devices.
Static sections use server component architecture for fast initial loads; dynamic elements like the ticker, expandable cards, and the blueprint form use client components to keep interactivity sharp
The sticky call-to-action bar, milestone ticker, and expandable testimonial cards are all built to render correctly at mobile widths without losing visual hierarchy
How this template helps you convert
Catalyst is structured so that every scroll position does a specific job. The visitor is never asked to commit before they have been given a reason to trust.
The Hero section creates immediate emotional recognition, the ticker and hashtag signal that something real is already happening, making the visitor feel late to something worth joining
The three-act narrative moves the visitor from "I feel this problem" through "here is the solution" to "here is the proof it works," so the primary call to action lands after conviction is already built
The lead magnet offers a free, no-credit-card resource before asking for anything more, capturing emails from visitors who are not yet ready to commit while keeping them inside the funnel
Other information about this template
Catalyst is part of a broader template library designed around intersection-specific use cases. This particular template targets the YouTubers paid community and membership niche within the Community and Nonprofit category.
The template style is a card grid (modular) layout, meaning sections can be adapted or reordered while preserving the narrative logic
The creative direction follows a Hero's Journey framework, which is one of the most proven narrative structures for creator-economy conversion pages
The header concept is a Hashtag/Movement format, a format that positions the platform as a cause rather than a product and resonates strongly with civically minded or mission-driven audiences
The color system is named Teal Catalyst and is designed to feel like a freshly printed campaign poster: accessible but serious, with enough visual urgency to prompt action
