Kinship is a warm, editorial landing page template built for LGBTQ+ elder care organizations. It opens with a full-screen video hero and unfolds through a zigzag layout that earns trust before asking anything. Legal guidance, health navigation, and housing advocacy are each presented with calm clarity, guiding visitors toward a services portal and intake scheduling.
by Rocket studio
Loading preview…
Quick summary
Kinship is a single-page, click-through template designed for LGBTQ+ senior service organizations. It pairs a cinematic video hero with a zigzag alternating layout that moves visitors from origin story to service overview to client testimonials. Every section builds emotional credibility before directing visitors to a services portal with intake scheduling.
Who this template is for
This template is built for mission-driven organizations serving LGBTQ+ elders and the people who support them. It works equally well for nonprofits launching a new outreach presence and established advocacy groups that need a warmer, more human-first page.
LGBTQ+ elder care nonprofits and community advocacy organizations
Adult children and caregivers searching for affirming assisted living resources
Healthcare workers and social workers seeking affirming referral pathways for LGBTQ+ senior clients
What problem this template solves
LGBTQ+ elders often encounter aging systems built without them in mind. A trans woman navigating Medicare alone, a same-sex couple whose legal documents get questioned at a hospital desk, or a family searching for affirming housing, they all need a resource that speaks their language immediately. Most nonprofit templates feel institutional and cold. Kinship solves that.
It replaces clinical program language with plain-language education and real human stories
It builds trust through a founding-moment narrative and named client testimonials before asking visitors to take action
It offers immediate value through a downloadable rights guide, so visitors leave with something useful even before they book an intake
What you get with this template
This template gives you a complete, single-page layout structured around five content sections. Each section serves a distinct purpose in a trust-building sequence. You can customize all copy, imagery, and colors to match your organization's identity.
A full-screen looping video hero with a cinematic glass overlay and a single headline
A zigzag alternating content layout covering origin story, elder isolation context, and three core services
Theme
Educational Guide
Creative direction
Vision & Mission
Color system
Cloud Canvas
Style
Zigzag/Alternating
Direction
Click-Through
Page Sections
Full-screen Looping Video Hero
Zigzag Alternating Layout
Numbered Hover-list Services Block
Dark Inset Testimonials Section
Email Capture for Rights Guide
Parallax Hero with Scroll Reveals
Related questions
Who is the primary audience this template is designed to reach?
What services does this landing page template highlight?
Does this template include a lead capture feature?
Can I replace the video hero and testimonial content?
What makes this template different from a generic nonprofit template?
A dark inset testimonials section, a secondary email-capture module, and a linear single-row footer
Feature list
This template includes a carefully sequenced set of layout and interaction features, each grounded in the trust-building logic of the Vision and Mission creative direction.
Full-Screen Looping Video Hero
The hero section uses a full-screen video background set to autoplay muted. A cinematic glass overlay carries a single line of headline text. The video loops at twelve seconds and is designed to hold a visitor's attention with intimate, handheld footage and natural ambient sound.
Zigzag Alternating Content Layout
Each content block alternates image and text left-to-right as the visitor scrolls. The layout is powered by a GSAP stagger animation triggered by IntersectionObserver scroll reveals. This gallery-paced rhythm lets each section land before the next appears.
Numbered Hover-List Services Block
The three core services, legal guidance, health navigation, and housing advocacy, are presented as a numbered hover-interactive list. Each item responds to cursor hover with a subtle state change, giving the section a tactile, editorial quality without overwhelming the visitor.
Client Testimonials Section
Two named client testimonials are presented inside a dark inset rounded section. Each story references a specific situation, grounding the emotional credibility of the page in real-world scenarios rather than generic praise.
Email Capture for Rights Guide
The education section includes a secondary call to action: a single email input field that delivers a downloadable rights guide in PDF format. This module captures warmer leads while giving visitors something immediately practical.
Parallax Hero and Scroll Reveals
The hero section uses a parallax scrolling effect. As visitors move down the page, section content fades and staggers into view using IntersectionObserver-triggered reveals. This animation is set to medium intensity, keeping the experience calm rather than distracting.
Page sections overview
Section
Purpose
Video Hero
Opens with cinematic footage and a single trust-setting headline
Origin Story
Founding moment narrative paired with a portrait photograph
What We Know
Elder isolation stat paired with plain-language service context
Services List
Three core services as a numbered hover-interactive list
Client Stories
Two named testimonials in a dark inset rounded section
Footer
Linear single-row footer with navigation and contact links
Design & branding system
The visual identity follows an Educational Guide theme using the Cloud Canvas color system. The palette is muted and warm, evoking a linen-bound journal rather than a clinical brochure. Typography pairs Fraunces serif for headlines with DM Sans for body text.
Colors: soft cumulus white (#F4F1EC) as the base, gentle dusk lavender (#C4B7CB) for alternating section backgrounds, weathered sage (#8A9A7B) for calls to action and interactive elements, and deep hearthstone charcoal (#3B3836) for body text
Typography: Fraunces serif headlines carry editorial warmth; DM Sans body text keeps reading effortless and accessible
Lavender washes across alternating section backgrounds while sage marks buttons and progress indicators, and charcoal reads like a human voice rather than an institution
Mobile & speed optimization
The template is built desktop-first with graceful degradation for tablet users, recognizing that many LGBTQ+ elders and their family members browse on tablets. The video hero autoplays muted and lazy-loading is applied to images throughout the page.
Desktop-first layout degrades gracefully to tablet and mobile viewports
Video hero uses autoplay muted for broad browser compatibility without requiring user interaction
Images use lazy loading and static sections are built with Server Components to reduce initial load weight
How this template helps you convert
Kinship is structured as a click-through landing page. Every section earns the next click by giving value before asking for anything. By the time a visitor reaches the primary call to action, they have already read language they can use at their next doctor's appointment.
The origin story and elder isolation section build emotional credibility early, so the visitor feels understood before they see any service description
The email-capture rights guide delivers immediate practical value, warming leads without requiring a full intake commitment
The primary "Explore Our Services" call-to-action button appears after the mission section and anchors again at the page bottom after both client stories, giving visitors a natural moment to act when trust is highest
Other information about this template
This template is categorized under Community and Nonprofit, with a subcategory of LGBTQ+ Organization and a niche focus on LGBTQ+ senior services. It is designed for the United States market, with English-language copy and USD context where applicable.
The intersection match score for this template's niche, subcategory, and category alignment is 13, indicating a highly specific use-case fit
Animation intensity is set to medium: IntersectionObserver scroll reveals and GSAP zigzag stagger keep the experience calm and gallery-paced rather than flashy
The template is localized for USA audiences and is designed to support organizations offering services to adults aged 65 and older, including trans women navigating Medicare, same-sex couples facing legal barriers, and families seeking affirming housing
