Riff - Electric Improv Landing Page Template

Quick summary

Riff is a horizontal-scroll landing page template for improv comedy communities. It uses a black-box theater aesthetic to walk visitors through a narrative journey, panel by panel. A floating call-to-action button and a free PDF download form capture leads naturally. The design fits everyone from first-timers to veteran coaches.

Who this template is for

Riff is built for people who live and breathe improv comedy and want a home for their community online. Whether you are starting a blog, launching a workshop series, or building a membership hub, this template gives you a craft-forward foundation that earns trust before it asks for an email.

• Performing improvisers and house team members who want to share craft content and grow a weekly readership
• Coaches and indie theater directors building an audience for workshops, drop-ins, or community forums
• Curious beginners and first-time attendees who want a welcoming entry point into the improv world

What problem this template solves

Most community pages feel transactional. They ask for an email before they give anything back. Riff solves this by leading with real craft knowledge across every panel. By the time a visitor reaches the sign-up form, they have already learned something useful and want to keep the conversation going.

• Blank-page paralysis when building a community landing page from scratch
• Disconnected content that fails to guide a visitor from curious newcomer to engaged member
• Generic lead forms that collect emails without first building trust or delivering value

What you get with this template

You get a fully structured horizontal-scroll landing page that moves visitors through a curated narrative arc. The layout, color system, typography, and interactive elements are all pre-built and ready to customize.

• A six-panel horizontal scroll layout with snap behavior, covering the full journey from beginner to coach
• Two lead capture paths: a modal sign-up form and a standalone email-only PDF download form
• A persistent floating amber call-to-action button that stays visible across the entire scroll

Feature list

This template packs purposeful, brief-backed features into every panel. Here is what makes Riff work as a lead-generation landing page for an improv community.

Horizontal Scroll with Snap Panels

The page scrolls left to right using CSS scroll-snap. Each panel locks into place cleanly. The layout progresses like a scene montage, from "Your First Drop-In" through "Finding Your Ensemble" to "Running Your Own Show."

Persistent Floating Call-to-Action

An amber "Join the Green Room" button floats along the scroll bar throughout the entire page. It stays accessible at every stage of the visitor's journey without interrupting the reading experience.

Dual Lead Capture Forms

The primary form collects first name, improv experience level via a dropdown, and email address. A secondary path lets visitors download a free fifty warm-up games PDF by entering only their email. Both forms lower the barrier to conversion.

Origin Story Panel Progression

The horizontal layout follows an Origin Story creative direction. Early panels use pull-quotes from beginners and warm-up game previews. Middle panels introduce craft articles, Harold structure breakdowns, and coach interview cards. Late panels reveal the community forum and workshop calendar.

Warm Artisan Visual Identity

Every panel uses a Warm Stone color system: terracotta, backstage cinder, house-light amber, and chalk-scrawl cream. Headlines use a hand-lettered serif typeface. Body text uses a clean sans-serif. The result feels like a black-box theater after the show.

Scroll-Linked Progress Indicator

A scroll-linked indicator lets visitors see how far along the journey they are. Parallax layers and reveal animations add depth to each panel as it enters view.

Page sections overview

Design & branding system

The visual identity draws from a black-box theater at the end of a long rehearsal night. Scuffed wood, a single work light, chalk scribbles on a pillar. Every design choice reinforces that atmosphere.

• Color system: exposed brick terracotta (#A0522D), backstage cinder (#3B3332), house-light amber (#E8B960), and chalk-scrawl cream (#F5F0E6)
• Typography: Fraunces hand-lettered serif for headlines, DM Sans for body text across all panels
• Visual texture: grainy warm-toned photography, chalk-style scrawl accents, parallax floating cards, and reveal animations on scroll

Mobile & speed optimization

The template is designed desktop-first with horizontal scroll snap as the primary experience. A vertical fallback layout is built in for smaller screens, so the content remains accessible on mobile without losing the narrative flow.

• Desktop experience uses CSS scroll-snap for panel-by-panel horizontal navigation
• Mobile fallback stacks panels vertically so the journey reads naturally from top to bottom
• IntersectionObserver powers reveal animations, loading content only as each panel comes into view

How this template helps you convert

Riff earns the click before it asks for it. The layout is structured so that every panel delivers value first, building enough trust that the sign-up form feels like a natural next step rather than an interruption.

1. Craft content across every panel gives visitors a reason to keep scrolling, so they arrive at the call-to-action already engaged and informed
2. Two friction-matched conversion paths let visitors choose their own commitment level: a full sign-up form or a simple email-only PDF download
3. The persistent floating call-to-action button keeps the conversion opportunity visible at every moment without forcing a decision before the visitor is ready

Other information about this template

Riff is a niche-specific template built for the improv comedy world, but its structure suits any passion-led creative community that wants to grow an audience through genuine content.

• Template style: Horizontal Scroll with snap behavior and parallax layers
• Creative direction: Origin Story, progressing from beginner to expert across panels
• Header concept: Half-Page Photo and Text split with a serif headline and amber subheading
• Intended lead generation direction: community sign-up and free resource download
• Animation level is set to high, with floating cards, scroll-linked indicators, and panel reveal effects

Show more