Gather is a modular card grid landing page template built for a private, paid HR and people leaders community. It uses a warm Community Hearth visual identity to earn trust before asking for a click. The page shows member archetypes, real resource cards, and anonymized conversation previews, guiding senior HR professionals toward a single, confident call to action.
by Rocket studio
Loading preview…
Quick summary
Gather is a single-page, click-through landing page template designed for a private paid membership serving HR directors and people leaders. The card grid layout surfaces real member voices, curated resources, and conversation previews in a warm lodge-style visual system. Every section earns the visitor's trust before routing them to a membership breakdown page.
Who this template is for
This template is built for community founders and operators running paid memberships for senior HR and people operations professionals. It speaks directly to practitioners, not vendors, and is designed for communities where candor and peer trust are the core value.
Heads of people operations at scaling startups navigating early organizational challenges
Senior human resources business partners at mid-market companies building manager programs from scratch
Chief people officers who need a confidential peer network before presenting sensitive decisions to the board
What problem this template solves
Most membership landing pages feel like product catalogs. They list features, stack logos, and ask for a sign-up before the visitor has seen a single real exchange. That approach fails when the product is trust itself.
Generic membership pages cannot show the quality of peer conversation, only assert it
HR professionals in senior roles are skeptical of polished pitches and need to see authentic voices before committing
A form-gated approach creates friction for visitors who need social proof first, not a sign-up prompt
What you get with this template
You get a fully structured, modular card grid landing page that moves visitors through social proof, resource depth, and real conversation texture, all before presenting a call to action. The layout is desktop-first with strong mobile behavior and uses a carefully considered color system to direct attention without noise.
A rotated hero testimonial card deck with amber-lit edge and offset layering effect
Three modular card rows covering member archetypes, resource libraries, and anonymized conversation snapshots
Theme
Community Hearth
Creative direction
Local & Neighborhood
Color system
Forest Trust
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Rotated Hero Testimonial Card Deck
Three-row Modular Card Grid
Member Archetype Story Cards
Resource and Session Preview Cards
Anonymized Conversation Snapshot Cards
Persistent Amber Click-through Button
Related questions
Does this template include a sign-up form or payment flow?
Can I customize the member testimonial and archetype cards?
Is this template designed for a desktop-first audience?
How many call-to-action placements does the template include?
What type of community is this template designed for?
A persistent amber call-to-action button and a secondary text link for visitors who need more social proof
Feature list
A paragraph introduces the features below. Each section of the template is purposefully built to serve one function: converting skeptical, senior HR professionals through earned trust rather than forced urgency.
Rotated Testimonial Card Hero
The header centers a single oversized testimonial card, slightly rotated on a soft birch background. Two additional cards peek out from behind it at offset angles, implying a full deck of member voices. A warm amber glow runs along the card's left border, drawing the eye naturally without competing with the quote itself.
Modular Card Grid Layout
The page body is organized into three distinct card rows. Each row serves a different proof layer: member archetypes, curated resources, and live conversation previews. The grid feels like a neighborhood of lit windows rather than a product catalog, which suits the community's tone.
Member Archetype Cards
The first card row introduces member types using thumbnail illustrations paired with single-line "what I brought to the group" stories. These cards make abstract membership value concrete and immediate for first-time visitors.
Resource and Session Cards
The second row surfaces tactile resource cards covering template libraries, live session calendars, and ask-me-anything recaps. Each card is clickable and clearly labeled, giving visitors a direct sense of what active membership looks like week to week.
Conversation Snapshot Cards
The third row shows anonymized thread previews that reveal the texture of real peer dialogue. Visitors can see the specificity and candor of exchanges without exposing member identities, which reinforces the community's no-vendor, practitioners-only positioning.
Persistent Click-Through Call to Action
A hearthstone amber button labeled "See What's Inside" appears after the first card row and again at the page bottom. A secondary text link, "Read More Member Stories," sits below the hero for visitors who need more social proof before scrolling. There is no form on this page; the click is earned by showing, not telling.
Page sections overview
Section
Purpose
Hero Testimonial Deck
Opens with a named member quote on a rotated card stack to establish trust immediately
Member Archetypes Row
Introduces member types with illustrations and one-line peer contribution stories
Resources Card Row
Shows template libraries, live session calendars, and ask-me-anything recaps
Conversation Snapshots Row
Displays anonymized thread previews to demonstrate real dialogue quality
Bottom Call to Action
Repeats the primary amber button and secondary member stories link
Footer
Asymmetric arc layout with logo and tagline on the left, navigation links on the right
Design & branding system
The visual identity follows a Community Hearth theme using the Forest Trust color system. Typography pairs Fraunces serif headings for warmth and authority with DM Sans for clean, readable body text. The overall feel is a lodge common room in late October: woodsmoke, wool, and lamplight on a long table.
Deep evergreen (#1B3A2D) anchors the header and footer like a canopy overhead
Soft birch (#F4F0E8) fills card backgrounds and body areas to keep the grid open and breathable
Warm bark brown (#5C4033) grounds body text with quiet authority, and hearthstone amber (#D4943A) appears only on buttons and interactive highlights to direct attention precisely
Mobile & speed optimization
The template is built desktop-first, with the card grid and rotated hero deck designed to make the strongest impression on wider screens. Mobile behavior is carefully maintained so the community feel translates at any viewport size.
Card rotations and stagger reveal animations are implemented at a medium intensity, keeping motion purposeful rather than distracting
Server components handle static content to minimize JavaScript load, and the persistent call-to-action button stays accessible across all screen sizes
How this template helps you convert
The page is structured as a click-through, meaning it earns the action through layered social proof rather than pushing a form early. By the time a visitor reaches the second card row, they have already seen member quality, resource depth, and conversation candor.
The hero testimonial card leads with a specific, named quote that creates immediate recognition for the right visitor, filtering in serious practitioners and filtering out casual browsers
The three card rows build a progressive proof stack, moving from who is in the room, to what they share, to how they actually talk, so the "See What's Inside" click feels earned and natural
Other information about this template
This template is well suited for community operators who want a landing page that feels like a word-of-mouth referral rather than a marketing funnel. The Local and Neighborhood creative direction means scrolling feels like walking deeper into a trusted space, not touring a product.
The footer uses an asymmetric arc layout (Pattern 7) with the logo and tagline on the left and navigation links on the right
Card hover states, amber glow pulse, and scroll-linked depth parallax on the card deck are all included as interactive behaviors
The template supports English language copy, United States dollar pricing format, and United States date formatting out of the box
This page type is a single-page click-through landing page, routing visitors to a separate membership breakdown and payment page rather than collecting information on this page
