Gather is a single-column landing page template built for Deaf community centers. It uses a hand-illustrated hero, a bulletin-board scroll rhythm, and a warm civic color palette to make every visitor feel immediately welcome. The page leads with community moments first, then invites visitors to find their first event through a simple, accessible RSVP form.
by Rocket studio
Loading preview…
Quick summary
Gather is a lead generation landing page for Deaf and hard-of-hearing community centers. It opens with a custom illustrated lobby scene, then scrolls through community board posts before arriving at a welcoming "Find Your First Event" form. Every design choice, from open captions to large readable type, treats accessibility as the core design language, not an afterthought.
Who this template is for
This template is designed for organizations that serve Deaf, hard-of-hearing, and signing communities. It works especially well when the goal is to welcome new visitors and turn curiosity into a first visit.
Deaf community centers offering interpreted workshops, advocacy clinics, and social events
Disability and inclusion nonprofits hosting American Sign Language (ASL) classes and youth programs
Civic organizations that serve hearing parents of newly diagnosed Deaf or hard-of-hearing children
What problem this template solves
Many nonprofit landing pages feel clinical or transactional. For Deaf and hard-of-hearing visitors, a page that ignores accessibility signals a space that may not understand them. Gather solves that mismatch directly.
Visitors often leave a page before they feel welcomed enough to share their information
Newcomers need to see community proof before they trust a sign-up form
Accessibility features like open captions are often treated as optional, making Deaf visitors feel like an afterthought
What you get with this template
Gather delivers a full single-column landing page structured around community storytelling. Each section is designed to build warmth and trust before asking for anything in return.
An illustrated hero section with a hand-drawn community center lobby scene in a textured, risograph-inspired style
Three community board posts featuring a captioned photo moment, an events calendar card with a video testimonial slot, and a youth program highlight with a parent quote
A lead generation form with fields for first name, communication preference (ASL, English, or both), and a visual checkbox grid for service interests
Theme
Civic Service
Creative direction
Community Gallery
Color system
Forest Trust
Style
Single Column Flow
Direction
Lead Generation
Page Sections
Hand-drawn Risograph-style Hero Illustration
Bulletin Board Scroll with Scroll Reveals
Open Captions Baked Into Media Layout
Visual Checkbox Lead Gen Form
Amber-only Interactive Elements
Arc Footer with Interpreter Request Link
Related questions
Who is the Gather template designed for?
Does the template include the lead generation form?
Can I customize the community board posts?
What is the secondary call-to-action in the footer?
Is the hero illustration editable or replaceable?
A footer in Arc pattern layout with a secondary call-to-action reading "Request an Interpreter for Your Visit"
Feature list
This section covers the functional components and design capabilities built into the Gather template.
Hand-Drawn Illustrated Hero
The hero section features a wide, textured illustration of a community center lobby. It shows a child signing to another child, an interpreter at a welcome desk, a flyer being pinned to a board, and sunlight on a tiled floor. The style references risograph printing, with visible grain and overlapping color blocks in the Forest Trust palette.
Bulletin Board Scroll Structure
After the hero, the page flows as a living bulletin board. Each of the three community posts reads like a pinned notice: a captioned photo, a calendar card, and a youth program highlight. Scroll reveals with spring easing and staggered card entries bring each post into view as the visitor reads down the page.
Accessible Media with Open Captions
Every video and photo moment in the template includes visible captions or transcription space. Open captions are baked into the design layout, not toggled on by the viewer. This makes the accessibility intent visible at a glance, which reinforces trust with Deaf and hard-of-hearing visitors.
Visual Checkbox Lead Gen Form
The "Find Your First Event" form collects first name, communication preference, and service interests. Service interests are displayed as a visual checkbox grid with icons for classes, advocacy, social events, and youth programs. The form is positioned after the third community post, so visitors have already experienced the center's character before they see it.
Hover-State Event Cards and Interactive Elements
Event calendar cards include hover states that highlight dates and session details. Interactive elements throughout the page use the amber accent color exclusively, making the clickable path clear without interrupting the warm, civic visual tone.
Footer with Interpreter Request Path
The footer follows an Arc layout pattern with the logo and tagline on the left and navigation links on the right. A secondary call-to-action, "Request an Interpreter for Your Visit," sits visibly at the bottom of the page for hearing visitors or newcomers who need support walking in for the first time.
Page sections overview
Section
Purpose
Illustrated Hero
Opens with lobby scene and primary call-to-action
Community Post One
Captioned ASL poetry slam photo and quote
Community Post Two
Upcoming events calendar card and video testimonial
Community Post Three
Youth program highlight and parent quote
Lead Gen Form
"Find Your First Event" RSVP with interest checkboxes
Arc Footer
Navigation, tagline, and interpreter request link
Design & branding system
The visual identity follows a Civic Service theme. The palette is called Forest Trust, and every color has a defined role that keeps the page grounded without feeling institutional.
Deep evergreen (#2D4A3E) anchors backgrounds and section dividers; warm birch cream (#F5F0E8) provides generous white space; lichen gray (#A8B5A2) softens secondary text and borders
Amber (#D4943A) appears only on interactive elements: buttons, links, and highlighted event dates, keeping the call-to-action path visually distinct
Typography pairs Fraunces (a serif display face) for headlines with DM Sans for body text and user interface elements, creating a warm but highly readable combination
Mobile & speed optimization
Gather is built mobile-first, reflecting the reality that many community members access the page on a phone. The layout and media choices support this priority directly.
The single-column flow stacks cleanly on small screens without requiring horizontal scrolling or pinching to read
The hero illustration is delivered as an SVG, removing dependency on external image files for the most important visual on the page
Images outside the hero section use lazy loading, so content below the fold does not slow down the initial page experience
How this template helps you convert
Gather is structured around earning the click rather than demanding it. The form arrives only after visitors have moved through three community moments that show them what the center actually feels like.
Community proof comes first: three bulletin board posts build familiarity and warmth before any form field appears, so visitors feel invited rather than screened
The primary call-to-action, "Find Your First Event," is positioned after the third post at the natural moment when engagement is highest, and uses the amber accent color to stand out clearly
The form itself asks for communication preference and service interests rather than generic contact details, signaling that the center will respond in a way that actually works for each visitor
Other information about this template
Gather belongs to the Community and Nonprofit category, specifically the Disability and Inclusion Nonprofit subcategory, with a niche focus on Deaf community centers. A few additional details are worth noting for anyone evaluating this template.
The template style is Single Column Flow, which keeps the reading path linear and reduces cognitive load for all visitors
The Creative Direction is Community Gallery, meaning the scroll rhythm mimics a physical bulletin board rather than a conventional marketing funnel
The header concept is a Custom Illustration, which means no stock photography is needed for the hero section
Animation is set at a medium level, using scroll reveals with spring easing and subtle parallax on the illustration
The intersection match score for this template's category, subcategory, and niche alignment is 13, indicating a strong fit for the stated use case
