Forge is a masonry-style landing page template built for SaaS co-working communities. It uses a Hero's Journey scroll narrative to turn a lone founder's isolation into proof of community momentum. A full-screen video header, scroll-linked masonry density, and a First Friday event registration form work together to move visitors from curiosity to sign-up.
by Rocket studio
Loading preview…
Quick summary
Forge is a single-page landing page template designed for SaaS builders co-working communities. It uses a masonry card layout, a cinematic video header, and a Hero's Journey narrative structure to show prospective members what they are missing and invite them to claim a free desk at the monthly First Friday Open Build event.
Who this template is for
This template is built for community organizers and operators running co-working spaces aimed at technical founders. If your community serves people who are building software products and need peer accountability, this layout communicates your value immediately.
Solo technical founders in the first 0 to 18 months of building a product
Two-person founding teams preparing for early fundraising or demo day
Bootstrapped operators who left corporate engineering to bet on their own product
What problem this template solves
Most community landing pages feel generic. They list amenities and pricing tiers, but they never make a founder feel seen. The Forge template solves the emotional gap between "what is this place?" and "I need to be here."
Founders arrive feeling isolated and skeptical; the page meets them with a narrative that mirrors their experience
Generic community pages fail to show real output; Forge uses social proof walls to demonstrate tangible member results
Registration forms often feel abrupt; this template earns the click before the form ever appears
What you get with this template
You get a fully structured landing page with five distinct scroll sections, each serving a specific role in guiding a visitor from recognition to registration. The design system, typography, animations, and form are all included as part of the template.
A full-screen video header with an overlay headline and a glassmorphic floating card
A progressive masonry layout that grows denser as the visitor scrolls, simulating community momentum
An event registration form with three fields: first name, what you are building, and current stage
Theme
Community Hearth
Creative direction
Hero's Journey
Color system
Cloud Canvas
Style
Masonry/Pinterest
Direction
Event Registration
Page Sections
Full-screen Video Hero Header
Progressive Masonry Card Layout
Hero's Journey Narrative Structure
Social Proof Output Wall
Persistent Event Registration Call to Action
Member Referral Card Path
Related questions
What kind of community is this template built for?
Can I customize the color palette and typography?
Does the registration form use a dropdown for founder stage?
What video should I use in the hero header?
Is this template suitable for a paid membership community?
Feature list
This section covers the core built-in capabilities of the Forge landing page template.
Full-Screen Video Hero Header
The header plays a warm-graded handheld video of the co-working space at golden hour. A single headline fades in over the footage: "Ship Alongside People Who Get It." A glassmorphic floating card sits below the headline to anchor the first call to action.
Progressive Masonry Card Layout
The masonry grid starts sparse in the first scroll section and grows denser with each subsequent section. Cards vary in height, creating a visual rhythm that feels like a living community board. Scroll-linked reveal staggering and parallax movement bring the layout to life as the visitor moves down the page.
Hero's Journey Narrative Structure
The page is built around a five-act scroll story. It opens with founder isolation, moves through the threshold crossing with real member proof, builds through testimonials and shared wins, reaches a climax with a dense wall of shipped products and achievements, and closes with the event registration invitation.
Social Proof Output Wall
The densest masonry section collects member photos, Slack message screenshots, GitHub commit graphs, ProductHunt launch badges, and acceptance letter cards. The visual density itself makes the argument: real people are shipping real things here.
Persistent Event Registration Call to Action
A terracotta button labeled "Grab Your Desk for First Friday" appears after the second scroll section and stays visible as the visitor continues scrolling. The button anchors the final masonry cluster and leads to the inline registration form.
Referral Card Secondary Path
Existing members have a separate interaction path to share a referral card directly from the page. This secondary flow sits alongside the primary registration form without competing with it.
Page sections overview
Section
Purpose
Hero Video Header
Introduces the space and drops the core headline over cinematic footage
The Alone Phase
Opens the narrative with a single masonry card capturing founder isolation
The Crossing
Multiplies masonry cards with real member proof, Slack screenshots, and commit graphs
Allies and Output Wall
Dense masonry of testimonials, shipped products, badges, and acceptance letters
First Friday Registration
Event call to action with a three-field inline form and referral card path
Footer
Linear single-row footer with essential links
Design & branding system
The template uses a Community Hearth visual theme built on a Cloud Canvas color system. The palette pairs analog warmth with digital ambition, giving the page the feeling of a well-used notebook sitting next to a ceramic mug and an open terminal.
Colors: soft cumulus white (#F4F1EB) background, warm charcoal (#2D2A26) body text, muted terracotta (#C47B5A) for accent cards and hover states, and deep campfire amber (#D4922E) for calls to action and highlighted member names
Typography: Fraunces display serif for headlines paired with DM Sans for body text
Masonry cards float on the cumulus background with subtle warm shadows, each tile a different height to create visual rhythm
Mobile & speed optimization
The template is built desktop-first to match how the target audience works, while remaining responsive for mobile visitors. Animations are handled with IntersectionObserver and GPU-accelerated transforms to keep scroll performance smooth.
Desktop-first layout with mobile-responsive breakpoints for all masonry sections
Scroll animations use IntersectionObserver to trigger only when elements enter the viewport
GPU-accelerated transforms handle parallax card movement without layout thrashing
How this template helps you convert
The page is structured to reduce the visitor's fear before asking for anything. Each scroll section adds more proof, more warmth, and more reason to trust the community. By the time the form appears, the visitor's question has shifted from "is this worth it?" to "what if I miss the next one?"
The Hero's Journey narrative mirrors the founder's real experience, creating emotional recognition before any pitch is made
Progressive masonry density acts as a visual argument: the more the visitor scrolls, the more evidence of real community output they see
The persistent call-to-action button and low-friction three-field form remove every remaining barrier at the moment of highest intent
Other information about this template
The Forge template is part of a curated set of landing page templates designed for community-led and event-driven organizations. A few additional details worth knowing before you decide:
The template style is Masonry and Pinterest-inspired, making it distinct from standard column-grid community pages
The creative direction follows a Hero's Journey framework, a narrative arc that works especially well for community products where transformation is the core promise
The header concept is a Full-Screen Video Background, so you will want to prepare a short warm-graded video clip of your actual space to get the most out of this section
The landing page direction is Event Registration, meaning the entire scroll flow is optimized to drive sign-ups for a recurring free event rather than a paid subscription or membership wall
The color system is called Cloud Canvas, and all four palette values are included in the template's design tokens for easy customization
