Refuge — Compassionate Equine Care Landing Page Template
Sanctuary is a masonry-layout landing page template built for horse rescue and rehabilitation nonprofits. It guides visitors through an emotional scroll journey, from intake to adoption, using a staggered photo-card grid, a cinematic team-photo hero, and two clear conversion paths: a gated Rescue Guide download and a horse referral intake form. Deep pine, pasture gold, and fog white set the tone.
by Rocket studio
Quick summary
Sanctuary is a single-page, masonry-style template designed for equine rescue and rehabilitation nonprofits. It opens with a wide team-photo hero, moves visitors through a narrative photo grid from suffering to safety, surfaces impact statistics, and closes with two targeted conversion paths: downloading a free Rescue Guide and submitting a horse referral form. Every design decision earns trust before asking anything.
Who this template is for
This template serves nonprofits and advocates who are actively working to save horses in crisis. It is built for people who need a page that works as hard as they do in the field.
- Horse rescue organizations that accept surrendered, seized, or neglected horses and need a professional web presence to attract partners, volunteers, and monthly donors.
- Equine sanctuary operators who want to narrate the full rehabilitation arc, from intake through adoption, and need a layout that makes that story visible at a glance.
- Animal welfare advocates and nonprofit founders who are launching or rebuilding their organization's online identity and want a template rooted in civic service values and documentary warmth.
What problem this template solves
Running a horse rescue is time consuming. Building a credible, emotionally resonant web page on top of daily animal care operations is even harder. Most rescue sites either look underfunded or feel cold and corporate. Neither earns the trust of a county animal control officer deciding where to send a seized horse, or a grieving owner trying to do right by an animal they can no longer feed.
This template solves that gap directly.
- Narrative scroll layout that moves visitors from raw intake imagery through rehabilitation to adoption outcomes, so they understand the mission before they are ever asked to donate, refer a horse, or volunteer.
- Dual conversion architecture with a gated Rescue Guide download for education-first visitors and a "Refer a Horse in Need" intake form for officers and surrendering owners, two distinct audiences, two clear paths, zero confusion.
- Documentary visual credibility that communicates professionalism and warmth simultaneously, helping your nonprofit organization stand out in a crowded field of well-meaning but visually underdeveloped rescue pages.
What you get with this template
You get a fully structured, single-page layout that covers every stage of the visitor journey, from first impression to conversion. The design is editorial in character, grounded in a Forest Trust color palette, and built around a Hero's Journey creative direction that makes the horses the protagonists.
- Hero section with a wide-format team photo, fade-in headline treatment, and cinematic backlit styling that sets the emotional register immediately.
- Masonry journey grid with staggered card reveals, scroll-linked animations, and hover states, organized to narrate intake, rehabilitation, and adoption as sequential chapters.
- Impact stats block, three-path audience cards, a dual call-to-action hub with gated form and intake modal, and a split-footer with logo, tagline, and navigation links.
Feature list
This template's features are drawn directly from its Hero's Journey creative direction, Content/Resource landing page structure, and Civic Service visual theme.
Cinematic Hero with Fade-In Headline
The header opens on a wide team photo, volunteers, muck boots, work gloves, and three rescue horses standing together in a grassy paddock under late-afternoon backlight. A single headline fades in over the image: "Every horse here was someone's last call." This is not decorative. It is the emotional contract the page makes with every visitor the moment they arrive. High-quality, original imagery at this scale builds an immediate connection that no stock photo can replicate.
Narrative Masonry Journey Grid
The masonry grid is the heart of this template. Cards are staggered and scroll-linked, revealing themselves as the visitor moves down the page. The sequence is deliberate: early cards show intake conditions, ribs visible, hooves curled, eyes dull, and progress through veterinary work, farrier visits, halter training, and finally adoption and green-pasture freedom. Each horse's story can cover at least three quality photo slots, and the grid's uneven rhythm mirrors the nonlinear reality of rehabilitation itself. Visitors do not browse the grid. They witness a transformation.
Dual Conversion Hub with Gated Form
The call-to-action hub holds two paths side by side. The primary path offers a free downloadable Rescue Guide, a practical document on recognizing equine neglect and reporting it in your county, gated behind a first-name and email field. Keeping the form simple with fewer than five fields reduces friction and increases completion rates. The secondary path opens a "Refer a Horse in Need" intake modal asking for the horse's location, condition description, and the reporter's relationship to the animal. Each path serves a different audience without forcing either to navigate past the other.
Three-Path Audience Cards
An asymmetric card section addresses the three distinct visitor groups this page serves. One card speaks directly to county animal control officers seeking placement partners. A second card speaks to horse owners who are dealing with an impossible decision about an animal they love but can no longer care for. A third card addresses monthly donors who have driven past a neglected pasture and felt the pull to act. Each card uses language calibrated to that person's situation, so every visitor feels recognized rather than generically addressed.
Impact Statistics Block
Between the masonry grid and the conversion hub, a dedicated statistics section surfaces the numbers that matter, horses rescued, acres managed, years of operation, and adoption rate. These figures give donors, officers, and prospective partners concrete evidence that the organization delivers on its mission. Pairing real numbers with the emotional weight of the photo grid is what moves a sympathetic visitor into an active supporter.
Split Footer with Arc Browser Layout
The footer follows a Pattern 7 Arc Browser Split design: logo and tagline anchor the left side, navigation links and contact details occupy the right. Prominently displaying location, email, and phone number here is intentional, easy contact access reassures officers and owners who need to act quickly. The footer closes the page with the same calm authority that the hero opens it.
Page sections overview
| Section | Purpose |
|---|---|
| Hero Team Photo | Opens emotional connection with a cinematic backlit team-and-horses image and fade-in headline |
| Masonry Journey Grid | Narrates the intake-to-adoption arc through staggered, scroll-linked photo cards |
| Impact Statistics Block | Displays horses rescued, acreage, years operating, and adoption rate as credibility anchors |
| Three-Path Audience Cards | Addresses animal control officers, surrendering owners, and monthly donors in separate asymmetric cards |
| Dual Call-to-Action Hub | Offers gated Rescue Guide download and Refer a Horse intake form as parallel conversion paths |
| Split Footer Navigation | Closes with logo, tagline, contact details, and navigation links in an Arc Browser Split layout |
Design & branding system
The visual identity follows a Civic Service theme built on the Forest Trust color palette. The palette was chosen to feel earned and dependable, like a barn at first light rather than a charity brochure. Typography pairs Fraunces serif headings with DM Sans body text, balancing editorial weight with clean readability.
- Color system: Deep pine (#1B3A2D) anchors the navigation and footer; fog white (#F4F1EB) opens the content cards; weathered fence rail brown (#6B4F3A) grounds all body typography; and pasture morning gold (#D4A84B) marks every clickable moment, buttons, links, hover states, like a shaft of light through stable boards.
- Typography and animation: Fraunces headings carry the emotional weight of each section; DM Sans keeps body copy clean and scannable. Scroll-linked card reveals, staggered masonry timing, and the hero fade-in operate at a medium animation intensity, present enough to feel alive, restrained enough to stay out of the way of the content.
Mobile & speed optimization
This template is desktop-first by design, reflecting the research behavior of its primary audiences, donors, officers, and sanctuary administrators who typically work from a desktop or laptop when making decisions about horses and donation commitments. Mobile responsiveness is built in so the experience holds across devices.
- Responsive layout: The masonry grid reflows gracefully on smaller screens; card stacking preserves the intake-to-adoption narrative sequence even on mobile viewports. Buttons are sized for easy tapping on touch devices, and the intake form modal is fully accessible on phone screens.
- Performance-conscious build: Image lazy loading is implemented across the masonry grid so the page does not front-load all photo assets at once. CSS scroll animations and Intersection Observer drive the card reveals without heavy JavaScript dependencies, keeping the page responsive as visitors scroll.
How this template helps you convert
This template earns the conversion before it asks for one. By the time a visitor reaches either call-to-action, they have already walked the full journey from suffering to safety through the masonry grid. The ask feels natural because the evidence came first.
- Witness-first scroll architecture: The narrative grid shows the work, intake conditions, medical care, farrier visits, training milestones, adoption days, before any donation ask appears. Visitors who have witnessed that journey are far more likely to trust the organization with their referral, their gift, or their monthly support.
- Parallel conversion paths for distinct audiences: Animal control officers want the intake form. Donors want the Rescue Guide and the donation path. Surrendering owners want both reassurance and a clear next step. The dual hub and three-path card section ensure each person finds their path without friction, reducing the drop-off that happens when a single generic call-to-action tries to serve everyone at once.
Other information about this template
This template is one part of a broader design system for community-focused non profits and animal welfare organizations. It is a strong fit for any equine rescue or sanctuary that is registered as a 501(c)(3) nonprofit organization and wants to communicate that status clearly to donors. Understanding a few operational and fundraising principles will help you get the most from the layout.
- 501(c)(3) and tax-exempt clarity: Donors respond to transparency. Display your 501(c)(3) status and tax-exempt number prominently in the footer and near donation calls-to-action. Clearly stating that contributions are tax deductible reassures hesitant donors and is standard practice among credible non profits across the country. Link to your IRS Form 990 or include a breakdown showing how every donation dollar is used, for example, how a specific gift amount covers a week of specialized hay or a farrier visit.
- Donation form design: Keep any donation form to fewer than five fields and offer pre-set donation amounts to reduce friction. Tangible impact statements, "$50 feeds one horse for a week," "$150 covers basic veterinary care for one month", make each donation feel real. These practices benefit all non profits dealing with donor hesitation, from small local groups to nationally recognized organizations.
- Funding and grant context: Equine rescues can apply for grants from organizations focused on animal welfare and farmed animals. Nonprofit status is essential to qualify for these grants, and displaying your credentials publicly helps officers, grant reviewers, and donors trust your operation. Many successful organizations in this country also pursue in-kind donations from feed suppliers, veterinary clinic partners, and farm equipment businesses to cover recurring costs.
- Content and credibility practices: Feature individual horses with multiple photos to engage potential adopters. Use before-and-after photo pairs and short narratives to describe each animal's rehabilitation journey. Testimonials from adopters, volunteers, or a partnering veterinary clinic serve as social proof that validates the organization's work. Links to active social media profiles further demonstrate ongoing impact. These content practices benefit rescue organizations focused on horses but apply equally to non profits serving companion animals, working animals, farmed animals, and other types of rescue animals.
- Volunteer and community programs: Volunteers are essential for horse rescue operations. Providing training and clear role descriptions helps with retention. Building community programs around education, such as neglect-recognition workshops or youth involvement initiatives, gives donors and supporters additional reasons to stay engaged. Organizations that invest in community programs tend to raise more funds, attract more volunteers, and save more horses over time. Good planning around volunteer onboarding and recognition makes all the difference in keeping a sanctuary running through every season.
- Broader rescue context: While this template is built specifically for equine rescue, the layout and donation architecture can support organizations caring for other animals, dogs, cats, wildlife, and other farmed animals in need of a safe haven. The design system is flexible enough to cover those use cases with minimal modification, making it a versatile foundation for any nonprofit working to protect animals and rebuild their lives. Organizations like Saffyre Sanctuary, On Golden Rescue, and Ride-A-Rescue represent the kind of mission-driven approach this template is designed to support and amplify.




Theme
Civic Service
Creative direction
Hero's Journey
Color system
Forest Trust
Direction
Content/Resource
Page Sections
Cinematic Hero with Fade-in Headline
Narrative Masonry Journey Grid
Dual Conversion Hub with Gated Form
Three-path Audience Cards
Impact Statistics Block
Split Footer with Contact Details
Related questions
Can I use this template without a 501(c)(3) designation?
How should I populate the masonry grid if I am just starting out?
Is the Rescue Guide PDF included in the template?
What donation amount language performs best in the call-to-action section?
Can this template tell the story from intake through permanent adoption?