Home
Templates
Community & Nonprofit
Foundation & NGO
Gather - Heartfelt Artsfoundation Landing Page Template
Gather is a masonry-style landing page built for arts and culture foundations serving families in underserved communities. It pairs a manifesto hero with a scrolling testimonial quilt, two layered calls to action, and a warm Soft Mist color palette. The result feels less like a website and more like a community board covered in real stories.
by Rocket studio
Gather is a single-page, masonry-layout template designed for community arts foundations. It opens with a large serif manifesto headline over a blurred family photo mosaic, then unfolds into a scrolling quilt of testimonial tiles, impact statistics, and two clear calls to action. The template is built to welcome families first and ask for a click second.
This template is for nonprofit arts and culture organizations that connect underserved families to free programs. It works especially well for foundations running free workshops, performances, and community events across multiple neighborhoods.
Many arts foundations have powerful stories but no single place to tell them all at once. A standard page layout buries testimonials in a sidebar or hides event listings behind a navigation click. Gather solves that by making the community's voice the main content.
You get a complete, ready-to-customize single-page layout built around your community's real stories. Every section is ordered to earn trust before it asks for action.




Theme
Family First
Creative direction
Testimonial Mosaic
Color system
Soft Mist
Style
Masonry/Pinterest
Direction
Content/Resource
Page Sections
Manifesto Hero with Scroll Animation
Mixed-format Masonry Quilt
Gold-bordered Stat Tiles
Dual Call-to-action Interlude
Soft Mist Color System
Staggered Tile Reveal Animations
Can I replace the placeholder tiles with my own photos and stories?
Does the age-range toggle work out of the box?
Can I use this template for a single-city foundation?
What if I have only a few testimonials to start with?
Is the guide download form connected to an email platform?
A quick summary of what the template delivers before you customize a single word.
The header displays a bold, full-width serif headline over a softly blurred mosaic of family photos and children's artwork. As the visitor scrolls, the blur lifts gradually, sharpening the mosaic into the first row of masonry tiles. This blur-to-sharp effect draws attention downward without a single word of instruction.
Tiles vary in size and content type across the grid. Some tiles show a mother's short story beside her daughter's first watercolor. Others show a grandfather's quote overlaid on a photograph, a teacher's thank-you note, or a grid of student self-portraits. Short video thumbnails with play buttons are also included. The layout reads like a quilt, not a content feed.
Every few rows, a single tile with a gold border breaks the testimonial pattern with a grounded statistic. These tiles anchor the emotional scroll in real evidence without interrupting the rhythm of the stories around them.
A mid-page interlude appears after the third row of tiles and repeats at the bottom. The first call to action is "Find Free Events Near You" with a zip code input field and an age-range toggle covering toddler, school-age, teen, and all ages. The second is "Download the Family Arts Guide," requiring only a first name and email address.
Backgrounds alternate between warm linen white and morning fog gray. Washed lavender appears as a secondary tone. A single sun-through-curtains gold is reserved for buttons, pull quote borders, and stat tile accents. Deep charcoal text keeps every word readable against the soft backgrounds.
Each tile in the masonry grid enters the viewport with a scroll-triggered stagger animation. The effect is subtle enough not to distract but present enough to make the page feel alive as a visitor moves through it.
| Section | Purpose |
|---|---|
| Hero Manifesto | Open with a bold serif quote over a blurred family photo mosaic |
| Blur-to-Sharp Transition | Animate mosaic into focus as the visitor begins scrolling |
| Masonry Quilt Part One | Display mixed testimonial tiles, image tiles, and quote overlays |
| Call-to-Action Interlude | Offer zip code event finder and Family Arts Guide download |
| Masonry Quilt Part Two | Continue family stories with teacher notes and student artwork |
| Impact Stats Banner | Show full-width gold-accented foundation statistics |
| Page Footer | Split layout with logo and tagline left, navigation links right |
The template uses the Soft Mist color system to create a watercolor warmth that feels handmade and human. Typography pairs Fraunces, a serif display face, with DM Sans for body text. The combination reads like a thoughtful community bulletin board rather than a corporate nonprofit site.
The template is built with a mobile-first approach, reflecting the reality that most parents discover community programs on a phone rather than a desktop. The masonry grid reflows cleanly at smaller screen sizes without losing the quilt-like visual rhythm.
Gather places community stories before any call to action. By the time a visitor reaches the event finder or the guide download form, they have already read dozens of real family moments. The ask feels like a welcome, not a pitch.
Gather is part of the Community and Nonprofit category within the Foundation and NGO subcategory. It sits at the intersection of arts and culture foundation work and family-first community outreach.