Gather is a hero-dominant landing page template built for social and fraternal organizations with deep roots and living traditions. A full-screen video hero, organic community gallery, and warm nature-inspired palette work together to welcome prospective members and reconnect legacy ones. The layout gives generously, stories, history, photos, before ever asking for anything in return.
by Rocket studio
Loading preview…
Quick summary
Gather is a single-page template designed for lodges, fraternal orders, and membership associations that carry real history. It opens with cinematic drone footage and a serifed headline, then draws visitors deeper through a living photo mosaic, member testimonials, and a heritage booklet download. Every section earns trust before it asks for action.
Who this template is for
This template suits established community organizations that have stories worth telling and traditions worth sharing. It is equally useful for chapters welcoming first-time visitors and for legacy members returning to reconnect.
Social and fraternal organizations with multigenerational membership
Alumni and membership associations anchored to a specific place or founding year
Community halls and lodge chapters seeking to attract young professionals alongside longtime members
What problem this template solves
Many fraternal organizations have decades of history but no compelling way to present it online. A generic webpage cannot convey the warmth of a Saturday morning pancake breakfast or the weight of a service medallion being pinned on a teenager. This template solves that gap directly.
Visitors leave before feeling the culture, because the page offers only text and a contact form
Prospective members cannot picture themselves belonging, because there is no visual or emotional entry point
Legacy members have no digital place that reflects the lodge's actual character and depth
What you get with this template
You get a fully structured, single-page layout that moves visitors from curious outsider to engaged prospect through immersive content and warm design. Every section has a defined purpose, and every call to action is timed to feel earned rather than rushed.
A full-screen video hero with a serifed overlay headline and translucent navigation strip
A staggered community gallery mosaic with lightbox story cards organized by four pillars: Service, Fellowship, Heritage, and Nature
Theme
Nature-Inspired
Creative direction
Community Gallery
Color system
Cloud Canvas
Style
Hero-Dominant (90/10)
Direction
Content/Resource
Page Sections
Full-screen Video Hero with Overlay
Staggered Community Gallery Mosaic
Four-pillar Bento Section
Three-voice Member Testimonials
Heritage Booklet Email Capture
Events Calendar with RSVP Modal
Related questions
Can I replace the video footage with my own chapter's photos or video?
Is the heritage booklet download connected to a form or email tool?
Does the gallery support photos submitted by members?
Who is this template best suited for?
Can I use this template if my organization was founded recently?
A four-pillar bento layout, member testimonial section, events calendar with one-click RSVP modal, and a heritage booklet email-capture block
Feature list
This template packs purposeful, prompt-backed features into a cohesive single-page experience. Each one is designed to reduce friction and increase the time visitors spend genuinely engaged with the chapter's story.
Full-Screen Video Hero
A cinematic video background fills ninety percent of the viewport at page load. Slow drone footage rises over a tree canopy at golden hour, then cuts to handheld moments including hands planting a sapling, members laughing around a firepit, and an elder pinning a medallion. A single serifed white headline fades in over the canopy: "Rooted Here Since 1947."
Organic Community Gallery
The gallery scrolls like a lodge bulletin board rather than a rigid grid. Member-submitted photos, event recaps, and short testimonial pull-quotes are arranged in staggered organic clusters, each representing one of the four pillars. Clicking any image opens a lightbox story card showing the date, members pictured, and a one-paragraph narrative.
Four-Pillar Bento Layout
An asymmetric bento-style section translates each pillar, Service, Fellowship, Heritage, and Nature, into a visual block. This section makes the chapter's actual activities clear and scannable for visitors who have not yet attended a gathering.
Member Voices Testimonials
Three distinct member voices appear as styled pull-quotes. Each represents a different audience type: a retiree committed to continued service, a young professional seeking rootedness, and a multigenerational family with charter-era ties. The format builds trust across all three audience segments at once.
Heritage Booklet Download
The primary call to action anchors after the first gallery cluster. Visitors can download a heritage booklet in PDF format by entering only a first name and email address. The action is positioned after generous content delivery, so it feels like a natural next step rather than a barrier.
Events Calendar with RSVP Modal
A secondary call to action surfaces midway through the page as a warm hearthstone-colored button. It leads to an upcoming-events calendar where visitors can register for a gathering with a single click through an RSVP modal overlay.
Page sections overview
Section
Purpose
Full-Screen Hero
Cinematic opening, founding headline, translucent nav
Living Gallery Mosaic
Pillar-organized photo stories with lightbox cards
Four Pillars Bento
Visual summary of chapter activities and values
Member Voices
Three-voice testimonial section with pull-quote styling
Upcoming Gatherings
Events calendar with one-click RSVP modal
Heritage Booklet call to action
Email capture tied to downloadable PDF heritage booklet
The visual identity follows a nature-inspired theme built on the Cloud Canvas color system. Every color decision mirrors the palette of a misty hillside at dawn: muted, breathing, and never harsh.
Fog white (#EDE8E3) dominates backgrounds; bark green (#6B7F5E) anchors headlines and navigation; sky gray (#B8C4CC) separates sections like low clouds between ridgelines
Hearthstone (#C4956A) appears only on buttons, badges, and hover states, glowing warmly wherever a visitor is invited to act
Typography pairs Fraunces serif for headlines with DM Sans for body text and interface elements, reinforcing the organic cabin-porch aesthetic
Mobile & speed optimization
The template is designed desktop-first with graceful degradation for smaller screens. The hero video includes a poster image fallback so mobile visitors still receive a strong first impression even when video autoplay is restricted.
Gallery images are lazy-loaded so the page does not wait for the full mosaic before becoming interactive
Static sections use server-rendered components to keep initial load fast and predictable
The hero video, gallery mosaic, and bento layout each adapt their proportions for mobile viewports without losing visual coherence
How this template helps you convert
The page earns engagement by giving generously before asking for anything. Visitors receive photos, stories, and history long before they encounter a form or a button, which makes both calls to action feel like a natural continuation rather than an interruption.
The heritage booklet download captures name and email after the visitor has already spent time with the gallery and testimonials, so the exchange feels fair and welcome
The RSVP modal converts interest into a committed calendar event with a single click, reducing the steps between "I'm curious" and "I'm coming"
Other information about this template
Gather is built specifically for the Community and Nonprofit category, within the Alumni and Membership Association subcategory, and is optimized for the Social and Fraternal Organization niche. The template style is hero-dominant with a ninety-to-ten ratio between immersive visual content and utility elements.
The creative direction is Community Gallery, meaning scroll behavior mimics flipping through a well-loved scrapbook rather than navigating a corporate site
The landing-page direction is Content and Resource delivery, so the architecture prioritizes generosity first and conversion second
Scroll animations include fade-in on scroll, staggered gallery reveals, and parallax hero layers, giving the page a natural, unhurried rhythm
The footer follows a superhuman extreme minimal pattern, keeping the closing impression clean and uncluttered
