Grove - Thriving HR Community Landing Page Template

Feature list

This template includes the following built-in design and layout capabilities drawn directly from the source brief.

Animated Botanical Hero Illustration

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.

Masonry Community Gallery

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.

Three Gathering-Type Section

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.

Ungated Reading List

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.

Lightweight Join Form

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.

Scroll-Reveal Stagger Animation

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.

Page sections overview

Design & branding system

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.

• Four-color botanical palette: deep canopy green (#2D4A3E) for headers and footers, sun-warmed linen (#F5F0E8) for backgrounds, pressed-fern sage (#8FAE8B) for section dividers, and foxglove violet (#7B5EA7) reserved exclusively for calls to action and hover states
• Typography uses Fraunces (a warm serif) for all headlines and DM Sans for body text and interface elements
• Illustration style is loose ink linework filled with soft watercolor washes, ensuring no stock photography or corporate geometry appears anywhere on the page

Mobile & speed optimization

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 hero SVG illustration is static-first, meaning no external image requests are needed to render the full-viewport header
• Masonry grid and scroll-reveal animations are designed to degrade gracefully on smaller viewports without breaking the layout

How this template helps you convert

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.

1. The masonry gallery and pull-quotes provide social proof early, so hesitant visitors see real people and real conversations rather than marketing claims
2. The ungated reading list acts as a trust bridge, letting visitors confirm that the intellectual depth matches their expectations before submitting their name
3. The join form itself is intentionally minimal, three fields, with the primary call to action framed as entering a conversation rather than signing up for a service

Other information about this template

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:

• The template uses a hero-dominant layout (roughly 90 percent hero, 10 percent supporting sections in visual weight), placing the illustration and headline as the primary emotional hook
• The Community Gallery creative direction means the masonry grid functions as both social proof and content marketing in a single scrollable section
• The linear single-row footer follows a clean Pattern 1 structure, keeping the page focused on conversion without distraction
• All animation is implemented through SVG and CSS, keeping the page static-first and avoiding heavy JavaScript dependencies for core rendering