Guild is a nature-inspired masonry landing page built for paid freelancer communities. It drives event registration through a "Join the Next Campfire" orientation flow. Vision cards, mission cards, and proof metrics build trust before the ask. The template uses a Teal Catalyst color system, editorial typography, and a full-screen video hero to create a grounded, campfire-warm first impression.
by Rocket studio
Loading preview…
Quick summary
Guild is a single-page template designed for paid freelancer communities and membership groups. It combines a full-screen video hero, a masonry card layout, and a sticky registration bar to guide solo designers, copywriters, and developers toward signing up for a free live orientation session. The page leads with proof and earns the registration click through social validation before the form ever appears.
Who this template is for
This template is built for community founders and membership operators serving independent workers. It speaks directly to freelancers who have left agencies or platforms and are looking for structured peer accountability.
Founders running paid communities for solo freelancers, such as designers, copywriters, and web developers
Community builders who want event registration as the primary conversion goal
What problem this template solves
Freelancers who work alone often feel invisible. Generic community pages either look like corporate intranets or vague lifestyle blogs. Neither earns trust from someone who left a salaried job to bet on themselves.
No clear structure for showing proof before asking for commitment
Masonry-style storytelling is hard to build without a ready-made layout
Most landing pages rush to a form before establishing credibility with the visitor
What you get with this template
You get a complete single-page layout that moves visitors through a clear emotional and informational arc. Every section has a defined purpose, from manifesto to metrics to registration.
A full-screen video hero with a single editorial headline and scroll-blur animation
Three masonry card clusters covering vision, mission proof, and community metrics
A sticky "Join the Next Campfire" registration bar with a name field, discipline dropdown, and session date selector
Theme
Nature-Inspired
Creative direction
Vision & Mission
Color system
Teal Catalyst
Style
Masonry/Pinterest
Direction
Event Registration
Page Sections
Full-screen Video Hero with Scroll-blur
Three-cluster Masonry Card Layout
Proof Metrics Display Block
Sticky Registration Call-to-action Bar
Orientation Registration Form
Secondary Community Tour Path
Related questions
What type of community is this template designed for?
Does this template include the registration form?
Can I use this template without a video for the hero?
Is the masonry layout adaptable for different community topics?
What is the primary conversion goal of this landing page?
Feature list
This template includes purpose-built sections and interactions that work together to establish trust and drive orientation sign-ups.
Full-Screen Video Hero with Scroll-Blur
The hero uses a slow aerial drone video descending through a misty forest canopy. A single manifesto headline fades in over the scene. As the visitor scrolls, a scroll-blur effect transitions them naturally into the first card cluster below.
Masonry Card Layout with Hover States
Three distinct masonry clusters tell the Guild story at different heights and widths. Vision cards carry single-sentence statements over nature photographs. Mission cards show Slack threads, session calendar invites, and vertical-format member video testimonials. Each card has a hover state that adds depth without distraction.
Proof Metrics Block
A dedicated cluster displays community-validated numbers: average member income growth, contracts shared per month, and member retention rate. Metrics are styled in JetBrains Mono to feel data-honest and editorial rather than promotional.
Sticky Registration Call-to-Action Bar
After the second card cluster, a teal sticky bar appears and follows the visitor down the page. It carries the primary call to action and collapses cleanly on mobile so it never blocks content.
Orientation Registration Form
The form collects first name, freelance discipline via dropdown, and preferred session date from three upcoming options. It is designed to feel low-commitment and accessible, matching the campfire metaphor of an open invitation.
Secondary Exploration Path
A "Explore the Trail" link sits alongside the primary call to action. It routes interested visitors to a community tour video, giving a softer entry point for those not yet ready to register.
Page sections overview
Section
Purpose
Video Hero
Sets tone, introduces manifesto headline
Vision Card Cluster
Communicates what freelancing should feel like
Mission Card Cluster
Shows real community activity and social proof
Proof Metrics Block
Validates claims with income, contract, and retention numbers
Registration Form
Captures name, discipline, and preferred session date
Footer
Closes page with horizontal flow layout
Design & branding system
The Teal Catalyst color system pairs deep natural tones with a fog-white canvas. The result feels grounded and editorial rather than tech-startup bright.
Colors: deep canopy teal (#0D7377) for headlines and buttons, sunlit fern (#88B04B) for testimonials and metrics, rich loam (#2C1E1A) for body text, morning fog (#F0F5F3) for the main canvas and card backgrounds
Typography: DM Sans for headings, Fraunces for manifesto and editorial serif moments, JetBrains Mono for metric labels and data points
Visual style: nature-inspired, warm-dark with a fog canvas, editorial card compositions, and grayscale-to-color hover transitions on mission cards
Mobile & speed optimization
The template is built desktop-first but adapts fully for smaller screens. The masonry grid collapses into a single column on mobile without losing the editorial feel.
Masonry layout shifts to a stacked single-column view on mobile devices
Sticky registration bar collapses responsively so it does not obstruct content on small screens
Static content sections use server components and native CSS scroll-timeline to keep interactions lightweight
How this template helps you convert
The page is structured around a proof-first, invitation-second principle. Visitors see real community wins before they are ever asked to fill in a form.
The masonry clusters show mission proof and income metrics before the registration bar appears, so the ask feels earned rather than premature.
The sticky call-to-action bar keeps the registration path visible without interrupting the scroll, reducing friction at the moment of intent.
The secondary "Explore the Trail" path captures visitors who need one more layer of trust, giving them a community tour video before they commit.
Other information about this template
This template fits naturally into the broader paid community and membership space where independent workers seek structured peer support beyond casual networking.
The template style is Masonry/Pinterest, making it well-suited for content-rich community pages where visual variety drives engagement
The creative direction follows a Vision and Mission arc, a format that works well for communities with a clear point of view and a defined member identity
The header concept is a Full-Screen Video Background, which requires a community-produced or licensed video asset for the hero section
The registration flow is optimized for event-driven onboarding, directing new visitors to a free orientation session rather than an immediate paid membership gate
