Gather is a warm, modular landing page template built for senior centers and community organizations. A sky-blue testimonial hero, a living mosaic card grid, and persistent goldenrod calls to action work together to move visitors toward a tour booking or membership enrollment. Real member stories do the convincing before a single button is clicked.
by Rocket studio
Loading preview…
Quick summary
Gather is a single-page, click-through landing page template designed for senior centers. It leads with an oversized testimonial card, flows into a modular community gallery grid, and closes with persistent calls to action. The Healing Space visual identity uses warm serif type, linen textures, and a four-color Slate and Sky palette to feel welcoming, unhurried, and real.
Who this template is for
This template suits organizations that rely on human stories to earn trust. It is built for teams who know their best marketing asset is the people already walking through the door.
Senior center staff and directors who want to invite new members in a genuine, low-pressure way
Adult children researching enriching environments for a retired or widowed parent
Nonprofit community organizations serving older adults who need a polished web presence without a complex build
What problem this template solves
Generic senior center pages feel institutional. They list services but do not show life. Prospective members and their families leave without a sense of what Tuesday actually looks like inside. Gather solves that gap.
Visitors meet real members through candid quotes and portrait moments before any commitment is asked
The page builds social proof gradually, so trust accumulates naturally as someone scrolls
A persistent calendar bar and repeated calls to action reduce friction for visitors who need proof of activity before they book a tour
What you get with this template
You get a fully structured, single-page layout ready for a senior center or elder community. Every section is designed with a specific job, and together they form a complete, conversion-ready page.
An oversized hero testimonial card with a serif quote, circular portrait, and a primary call-to-action button
A living mosaic card grid with variable card sizes holding photos, schedules, member stories, and activity highlights
A persistent slim bottom bar carrying the secondary "View This Week's Calendar" call to action
Theme
Healing Space
Creative direction
Community Gallery
Color system
Slate & Sky
Style
Card Grid (Modular)
Direction
Click-Through
Page Sections
Oversized Testimonial Hero Card
Modular Community Gallery Grid
Persistent Bottom Navigation Bar
Member Voices Testimonial Section
Weekly Rhythm and Activity Bento
Staggered Scroll Reveal Animations
Related questions
Who is the primary audience for this landing page template?
Can I adapt the card grid to show my center's actual photos and schedule?
How does the 'Come See for Yourself' call to action work across the page?
Does the template include the member testimonial content?
Is the bottom calendar bar always visible while scrolling?
Feature list
This section walks through the key built-in capabilities that make Gather work as a community landing page.
Oversized Testimonial Hero Card
The header is a single large card set against a sky-blue field. It displays a real member quote in warm serif type, a circular candid portrait, a visible first name and age, and a "Member since" date line. A primary goldenrod call-to-action button sits beneath the quote.
Modular Community Gallery Grid
Scrolling past the header reveals a mosaic of variable-size cards. Tall cards, wide cards, and small cards alternate to create a scrapbook rhythm. Each card holds a distinct content type: a candid photo, a weekly schedule, a short member story, or an activity highlight.
Persistent Bottom Navigation Bar
A slim bar pins to the bottom of the viewport throughout the scroll. It carries the secondary call to action, "View This Week's Calendar," giving activity-focused visitors a low-commitment entry point without interrupting the gallery flow.
Staggered Scroll Animations
Cards enter the viewport with staggered reveal animations. Hover states lift cards slightly and goldenrod highlights activate on interactive elements, giving the page a lively, tactile feel without heavy motion.
Member Voices Section
A dedicated two-column section presents short testimonial vignettes. Each vignette shows a first name, age, and a brief personal story, reinforcing social proof at the mid-scroll point where booking decisions often form.
Weekly Rhythm and Activity Bento
A schedule card and activity category bento block show visitors what a real week at the center looks like. This section answers the practical question families and prospective members ask first: what actually happens here?
Page sections overview
Section
Purpose
Hero Testimonial Card
Opens with a real member quote and primary call to action
Mosaic Card Grid
Builds a living portrait of the center through photos and stories
Mid-Scroll Call to Action
Repeats goldenrod "Come See for Yourself" button after the grid
Member Voices
Two-column vignettes deepen social proof with names and ages
What Happens Here
Schedule card and activity bento answer the practical questions
Persistent Bottom Bar
Pins the calendar call to action throughout the full scroll
Minimal Footer
Closes with horizontal flow pattern and essential links
Design & branding system
The visual identity follows the Healing Space theme. Every color and type choice reinforces a feeling of calm welcome rather than clinical service. The palette feels like a clear morning seen through a screened-in porch.
Four-color Slate and Sky system: weathered slate (#5B6770) for type and structure, morning sky (#A8C7E2) for card backgrounds and section transitions, soft cloud white (#F4F6F8) for breathing room between modules, and goldenrod (#E2B44F) reserved exclusively for buttons, hover states, and interactive highlights
Fraunces serif is used for headlines and member quotes; DM Sans handles body copy and interface labels for clear contrast between warmth and readability
Linen texture overlays and a thin slate border on the hero card give the layout a tactile, community bulletin-board quality
Mobile & speed optimization
The template is built desktop-first with mobile-responsive stacking built in. The modular card grid reflows cleanly on smaller screens without losing the scrapbook quality.
The mosaic grid stacks to a single-column layout on mobile, preserving card hierarchy and legibility
Server Components handle static content sections, keeping JavaScript load focused only on scroll behavior and interactive states
The persistent bottom bar adapts to mobile viewports, remaining accessible and easy to tap without overlapping core content
How this template helps you convert
Gather is structured as a click-through landing page. Every design and content decision moves visitors toward one of two actions: booking a tour or exploring the weekly calendar.
The hero testimonial card places the primary call to action, "Come See for Yourself," in the first viewport so visitors with high intent can act immediately without scrolling
The goldenrod button repeats after every fourth card in the mosaic grid, meeting visitors again after they have already read several member stories and built genuine curiosity
The persistent bottom bar ensures that visitors who need activity proof before committing always have the calendar path visible, reducing the chance they leave to search elsewhere
Other information about this template
This template was designed under the Community Gallery creative direction, pairing a click-through landing page structure with a card grid modular layout. It fits within the Community and Nonprofit category, specifically the Senior and Elder Service subcategory.
The template is English-language, formatted for United States date conventions and USD where pricing copy is used
Animation intensity is set to medium: scroll reveals and staggered card entrances are included, but motion stays subtle enough to feel comfortable for older adult audiences
The footer follows a horizontal flow pattern with minimal elements, keeping the closing impression clean and uncluttered
The Fraunces and DM Sans typeface pairing is embedded in the design system and does not require external font configuration beyond standard web font loading
