Catalyst is a hero-dominant climate action landing page template built for event-driven campaigns. It pairs a cinematic 60/40 split hero with an organizer portrait grid, a neighborhood attendee map, and a focused "Save My Seat" registration form. The result is a page that makes visitors feel they already know the room before they sign up.
by Rocket studio
Loading preview…
Quick summary
Catalyst is a single-page climate action campaign template designed to turn visitor interest into event registrations. It leads with a charged half-page hero, builds trust through real organizer portraits and pull quotes, and closes with a streamlined sign-up form. Every section moves the visitor closer to committing to attend.
Who this template is for
This template is built for people organizing climate action events at a community or civic level. It works equally well for a first-time event host and a seasoned sustainability coordinator running multiple gatherings per season.
Municipal sustainability officers trying to hit community engagement targets for local climate initiatives
College environmental club leaders planning flagship semester events such as teach-ins or lecture series
Parent groups and neighborhood coalitions organizing resilience workshops after wildfire seasons or climate emergencies
What problem this template solves
Climate campaigns often struggle to convert concerned visitors into committed attendees. People care about the issue but feel disconnected from the specific event, the organizers, and the community showing up. Abstract statistics rarely close that gap.
Visitors arrive climate-aware but unsure whether this particular event is worth their time
Campaigns lack the human presence needed to make an online page feel like a real room worth entering
Registration forms appear too early, before the visitor has any reason to trust the people behind the event
What you get with this template
You get a complete, single-page layout designed specifically for climate action event registration. Every section is pre-structured so you can drop in your own content without rethinking the page architecture.
A hero section with a 60/40 cinematic photo and text split, a bold headline slot, and a pulsing teal registration button
An organizer and speaker grid with portrait placeholders, pull quote fields, and a woven local data card for contextual facts
Theme
Educational Guide
Creative direction
Team & People
Color system
Teal Catalyst
Style
Hero-Dominant (90/10)
Direction
Event Registration
Page Sections
Cinematic 60/40 Hero Split
Organizer Portrait Grid with Hover Animation
Sticky Registration Bar
Neighborhood Attendee Map
Streamlined Registration Form
Post-signup Share Link Generator
Related questions
What kind of events is this template designed for?
Do I need professional photography to use this template?
Can I promote multiple event dates from a single page?
How does the Bring a Friend share feature work?
Is this template suitable for a first-time event organizer?
A neighborhood attendee map section, a "Save My Seat" registration form with name, zip code, and event date fields, and a "Bring a Friend" share link path
Feature list
Cinematic 60/40 Hero Split
The hero occupies the majority of the above-the-fold space. The left sixty percent holds a wide photograph slot designed for a packed-hall image. The right forty percent is a stark charcoal panel with a large headline and a pulsing teal call-to-action button. The composition creates immediate tension and draws the eye toward registration.
Organizer and Speaker Portrait Grid
Each organizer or speaker is introduced with a candid portrait placeholder and a single pull quote. Portraits use a grayscale-to-color hover animation so each person feels like they step forward as the visitor engages. A local data card sits between portrait entries, weaving educational context into the human narrative.
Sticky Registration Bar
After the visitor scrolls past the third section, a persistent sticky bar appears at the top of the viewport. It carries the primary "Save My Seat" call to action so the registration prompt is always within reach without interrupting the scroll experience.
Neighborhood Attendee Map
The final content section displays a map-style visualization of registered attendees organized by neighborhood. Showing where neighbors have already signed up makes the social proof feel local and specific rather than generic.
"Save My Seat" Registration Form
The form requests three fields: name, zip code, and preferred event date selected from a dropdown of upcoming sessions. Keeping the form short and specific reduces friction at the most critical conversion point.
"Bring a Friend" Share Path
After completing registration, attendees receive a personalized share-to-text link they can forward to contacts. This secondary conversion path turns each registrant into a low-effort recruiter for the event.
Page sections overview
Section
Purpose
Hero Split
Establish urgency and prompt first registration click
Organizers & Speakers
Build trust through real faces and pull quotes
Local Data Card
Ground the campaign in neighborhood-specific facts
Attendee Map
Show neighborhood sign-up momentum visually
Registration Form
Capture name, zip code, and preferred event date
Footer
Provide single-row navigation and contact links
Design & branding system
The visual identity follows an Educational Guide theme built around the Teal Catalyst color system. The overall feeling is a well-loved field notebook: deliberate, warm, and charged with purpose rather than noise.
Deep action teal (#0D7377) dominates section backgrounds and all primary buttons; warm earth clay (#C46A47) appears only at emphasis moments such as speaker names, dates, and deadlines
Chalkboard charcoal (#1E2A2A) anchors body text and the hero right panel; bright signal white (#F4F7F6) provides generous margins that let content breathe
Typography pairs DM Serif Display for headlines with IBM Plex Sans for body text, creating an editorial authority that feels unhurried and trustworthy
Mobile & speed optimization
The template is designed desktop-first to honor the wide packed-hall photograph in the hero. However, the layout is fully responsive so mobile visitors receive a coherent, readable experience.
Images are lazy-loaded so above-the-fold content appears quickly without waiting for off-screen assets
Smooth scroll behavior is handled through CSS, keeping transitions fluid across devices without heavy JavaScript overhead
Scroll-triggered reveal animations are built in at a medium intensity, adding energy to the page without creating jank on lower-powered devices
How this template helps you convert
Every design decision in Catalyst is oriented toward a single outcome: getting the visitor to click "Save My Seat." The page earns that click gradually, not all at once.
The hero establishes urgency with a countdown-style headline and a visible registration button before the visitor scrolls at all, capturing high-intent visitors immediately.
The organizer grid and attendee map accumulate social proof across the scroll, so by the time the visitor reaches the form they feel they already know the room and the people in it.
The sticky registration bar and the post-signup "Bring a Friend" share link extend conversion beyond the first click, turning a single sign-up into word-of-mouth reach.
Other information about this template
Catalyst sits within the Community and Nonprofit category, specifically designed for climate action awareness campaigns and civic engagement events. A few additional details worth knowing before you use it:
The template is built for English-language campaigns using United States zip code formatting and MM/DD/YYYY date display in the registration dropdown
The footer uses a linear single-row pattern, keeping the page exit clean and focused without a complex multi-column footer competing with the registration call to action
The template style is Hero-Dominant at a 90/10 ratio, meaning the vast majority of the visual weight and structural energy is concentrated in the hero and upper sections
The creative direction is Team and People, so the template is most effective when you have real organizer names, candid photographs, and authentic pull quotes to populate it with
Event types this layout supports include town halls, university teach-ins, neighborhood resilience workshops, and similar community climate gatherings
