Home
Templates
Community & Nonprofit
HR & People Leaders Community
Grove - Thriving HR Community Landing Page Template
Grove is a hero-dominant landing page template built for a members-only peer community of senior HR and People leaders. It combines a full-viewport botanical illustration, a masonry member-voice gallery, three gathering-type sections, an ungated reading list, and a lightweight join form, all wrapped in a warm, nature-inspired visual identity that feels handcrafted and human.
by Rocket studio
Grove is a single-page community landing page template designed for senior HR and People leaders. It opens with an animated botanical illustration and moves visitors through member voices, gathering types, and a curated reading list before presenting a low-friction join form. The design feels warm, grounded, and intentionally human, built to earn trust before asking for anything.
This template is built for organizations or teams launching a members-only peer community in the HR and People leadership space. It suits founders, community managers, and people-ops practitioners who need a landing page that feels credible, warm, and worthy of a senior audience.
Senior HR leaders face an unusual loneliness at work. They carry the most sensitive organizational knowledge, yet rarely have a safe peer to call when a crisis lands. Generic community platforms look like every other SaaS product and fail to communicate the intimacy and exclusivity these leaders need to feel before joining.
This template gives you a complete, ready-to-customize landing page that shows the community before it asks visitors to join it. Every section is purposefully sequenced to build familiarity and credibility on the way to the primary call to action.




Theme
Nature-Inspired
Creative direction
Community Gallery
Color system
Botanical
Style
Hero-Dominant (90/10)
Direction
Content/Resource
Page Sections
Animated Botanical Hero Illustration
Masonry Community Gallery
Three Gathering-type Section
Ungated Reading List
Lightweight Join Form with Validation
Scroll-reveal Stagger Animation
Who is this landing page template designed for?
Can I customize the member pull-quotes and gallery cards?
What information does the join form collect from visitors?
Is the hero illustration a stock image or a built-in component?
Do visitors need to sign up before accessing the reading list?
This template includes the following built-in design and layout capabilities drawn directly from the source brief.
The hero spans the full viewport and uses a hand-drawn SVG botanical scene. Diverse human silhouettes sit among oversized ferns and monstera leaves. Subtle CSS animation causes leaves to drift and light to shift, creating a sense of life without requiring external images or video files.
Below the hero, a masonry-style artifact grid assembles member voices into an organic living wall. Each card can hold a pull-quote, an event photograph, a downloadable playbook cover, or a short video clip. The grid grows denser as the visitor scrolls, building a sense of a thriving, active community.
An asymmetric layout presents the three core ways members connect: Fireside Dinners, Working Groups, and the Resource Library. Each gathering type gets its own visual treatment, helping visitors understand the depth of participation available before they commit to joining.
Three article cards surface community thinking without requiring any form submission. This section lets visitors sample the quality of conversation happening inside Grove, earning credibility before the join form appears.
The primary call-to-action form collects only three inputs: first name, company size range (four options), and an optional free-text field for the visitor's biggest current people challenge. Form validation is built in. The low barrier signals that this is a conversation to join, not a product to purchase.
Sections reveal with a staggered scroll animation as the visitor moves down the page. Masonry grid cards and reading list items use hover states to add tactile feedback. The animation pattern reinforces the sense of walking deeper into a living ecosystem.
| Section | Purpose |
|---|---|
| Hero Illustration | Opens with full-viewport botanical scene and headline |
| Member Voices Gallery | Masonry artifact grid of pull-quotes, photos, and clips |
| What Happens Here | Three gathering types shown in asymmetric layout |
| Reading List Cards | Three ungated articles that demonstrate community depth |
| Enter the Grove Form | Lightweight join form gating the resource library |
| Footer (Single-Row) | Linear single-row footer with essential navigation links |
The visual identity follows a nature-inspired, botanical watercolor aesthetic. Every color decision reinforces the feeling of stepping into a handcrafted, living space rather than a polished software product.
The template is built desktop-first, reflecting the reality that senior HR leaders evaluate community memberships seriously, typically from a desk. Mobile layout is fully supported with a solid responsive structure so the page remains readable on any screen size.
The page is sequenced to show value long before it asks for anything. By the time a visitor reaches the join form, they have already encountered real member voices, understood how the community works, and read substantive community content for free.
This template sits within the Community and Nonprofit category with a subcategory focus on HR and People Leaders communities. It is designed for a US-centric audience with globally relevant content. A few additional details worth noting before you build: