Troop is a single-page landing page template built for primate sanctuaries and wildlife nonprofits. It pairs a half-page chimpanzee portrait hero with alternating story sections, three primate intelligence fact cards, and a guide download form. The Soft Mist color palette and Testimonial Mosaic layout create an emotional, community-driven experience that moves visitors from curiosity to commitment.
by Rocket studio
Loading preview…
Quick summary
Troop is a zigzag landing page template designed for primate sanctuaries and animal welfare nonprofits. It uses alternating photo-and-story sections, named volunteer and veterinarian testimonials, and three primate intelligence fact cards to build emotional trust. The primary call to action is a free illustrated care guide download, delivered through a simple first-name-and-email form.
Who this template is for
This template is built for mission-driven organizations that need storytelling to carry the weight of their cause. It suits teams with strong photography and real voices to share.
Primate sanctuaries and wildlife rehabilitation nonprofits seeking a content-led web presence
Homeschool educators and science curriculum creators who want a downloadable resource hub
Animal welfare advocates and documentary-inspired families looking for a place to take meaningful action
What problem this template solves
Many nonprofit landing pages ask for donations before they earn trust. Visitors arrive emotionally engaged but leave before they act because the page offers no story to hold them.
Sanctuary stories go untold because there is no structured layout to alternate photos and human voices
Potential subscribers bounce before reaching a form because there is no mid-page education to build investment
Families and students who want to learn find no clear resource to download or resident profiles to explore
What you get with this template
Troop gives you a fully structured single-page layout with every section planned and sequenced for emotional impact. The content flow guides visitors from a striking portrait hero through layered community voices and on to a clear resource offer.
A half-page hero with space for a close-up primate portrait and a serif headline alongside a resident count
Three alternating zigzag story sections, each pairing a sanctuary photograph with a named testimonial quote
Three staggered bento-style intelligence fact cards with inline guide hooks and a centered email capture form
Theme
Family First
Creative direction
Testimonial Mosaic
Color system
Soft Mist
Style
Zigzag/Alternating
Direction
Content/Resource
Page Sections
Half-page Portrait Hero
Zigzag Testimonial Sections
Primate Intelligence Fact Cards
Guide Download Form
Scroll Reveal and Parallax Animations
Expandable Fact Interactions
Related questions
Can I replace the example testimonials with my own volunteer and staff quotes?
Does the guide download form connect to an email platform?
Can this template work for a sanctuary that rescues animals other than primates?
Is the resident profiles link included in the template?
How many zigzag story sections can I add or remove?
Feature list
A paragraph introducing this section: Each feature in the Troop template is grounded in the specific layout decisions and interaction patterns described for a primate sanctuary audience.
Half-Page Portrait Hero
The hero splits the screen between a full-height primate portrait on the left and a warm serif headline on the right. Morning-light photography does the emotional work. The text provides resident count context without competing with the image.
Zigzag Testimonial Layout
Three alternating sections pair sanctuary photography with first-person quotes from a volunteer, a veterinarian, and a donor. Photo and quote tiles offset within each section, growing denser as visitors scroll, so the page feels like a community assembling around the reader.
Primate Intelligence Fact Cards
Three staggered bento cards surface surprising facts about primate cognition mid-scroll. Each card ends with a guide hook that primes visitors to download the full illustrated resource before they reach the form.
Guide Download Form
A centered email capture form requests only a first name and email address in exchange for a free illustrated PDF on primate cognition and sanctuary ethics. A secondary link beside the form directs visitors to individual resident biography pages.
Scroll Reveal Animations
Sections enter the viewport through staggered scroll reveals. The hero portrait uses a subtle parallax effect. Fact cards and testimonial tiles animate individually so the page builds gradually rather than loading all at once.
FAQ-Style Fact Expansion
Each intelligence fact card supports an expandable interaction. Visitors can tap or click to read more detail before the guide hook appears, making the mid-page education feel interactive rather than static.
Page sections overview
Section
Purpose
Hero portrait header
Introduce sanctuary through emotional chimpanzee portrait and headline
Zigzag A: Volunteer
Share capuchin fruit story with photo left and quote right
Zigzag B: Veterinarian
Present six-month rehabilitation account with text left and photo right
Intelligence fact cards
Surface three primate cognition facts with inline guide hooks
Zigzag C: Donor
Show bonded pair rain story with photo left and quote right
Guide download form
Capture first name and email for illustrated care guide PDF
Resident profiles link
Offer secondary path to individual primate biography pages
Footer
Close with horizontal sanctuary navigation pattern
Design & branding system
The visual identity follows a Soft Mist color system that feels like watercolor washes left to dry in morning fog. Nothing in the palette competes for attention; every color breathes alongside the sanctuary photography.
Fog gray (#E8E4DF) for backgrounds, warm bark brown (#6B4F3A) for primary text and headings, canopy-filtered green (#A8B5A0) for supporting accents
Gentle apricot (#E8A87C) reserved for buttons and pull-quote highlights so every call to action is immediately visible
Fraunces serif for headlines and DM Sans for body copy, pairing warmth with clean readability across all section types
Mobile & speed optimization
The template is designed desktop-first, with careful mobile stacking to preserve the emotional weight of full-width sanctuary photography. Each section reflows cleanly so portrait images remain prominent on smaller screens.
Hero portrait transitions from a split layout to a stacked full-width image on mobile, keeping the chimpanzee face central
Zigzag sections stack vertically in the correct narrative order, photo above quote, so the story reads naturally on any screen size
Static sections use server-side rendering while the email form and scroll animations are handled client-side for a smooth interactive experience
How this template helps you convert
The page is structured so visitors feel informed and emotionally invested before they ever reach the form. Every section adds one more reason to stay, learn, and act.
The hero portrait creates immediate emotional connection, giving visitors a reason to scroll before reading a single word of body copy.
Three intelligence fact cards build curiosity mid-scroll, each ending with a guide hook so visitors arrive at the form already primed and motivated to download.
The guide form asks for only a first name and email, reducing friction to the lowest possible point so even a first-time visitor feels comfortable subscribing.
Other information about this template
Troop is categorized under Community and Nonprofit with a specific focus on Animal Welfare and Protection. It is built for the primate sanctuary niche and suits any wildlife rehabilitation organization that relies on storytelling and education to build its community.
The Family First theme prioritizes warmth, relationship, and trust over urgency or pressure, reflecting how sanctuary communities actually form
The Testimonial Mosaic creative direction means real named voices, specific animal names, and concrete rehabilitation timelines carry the persuasive load
The Content and Resource landing-page direction means the primary conversion goal is guide subscription, not direct donation, making the ask feel generous rather than transactional
The template style is Zigzag and Alternating, so each section naturally alternates layout direction, keeping the scroll experience visually dynamic without relying on motion alone
