Honor is a donation and fundraising landing page template built for wounded warrior programs. It combines a cinematic full-bleed hero, emotionally driven zigzag story sections, and a structured donation panel with pre-set impact amounts. The civic memorial aesthetic, gold call-to-action accents, and scroll-linked animations are designed to build trust and move visitors to give.
by Rocket studio
Loading preview…
Quick summary
Honor is a single-page fundraising template for veteran welfare and wounded warrior programs. It opens with a full-bleed cinematic hero, moves through alternating veteran story and program pillar sections, and closes with a donation panel that shows cost-to-impact before the ask. Every design choice, from the muted gold call-to-action to the rising headline animation, is built to earn the gift.
Who this template is for
This template is built for nonprofit organizations and cause-driven fundraisers who serve combat veterans and their families. It works best when the goal is converting emotionally engaged visitors into first-time or recurring donors.
Wounded warrior programs and veteran welfare nonprofits seeking a high-impact fundraising page
Campaign organizers targeting Gold Star family members, retired service members, and civically motivated donors
Nonprofit teams who need a ready-built, editorially styled donation landing page without starting from scratch
What problem this template solves
Most nonprofit pages ask for money before they earn it. Visitors arrive with goodwill but leave without acting because the page never shows them what their dollar actually does. Honor solves that by building emotional context and cost-to-impact clarity before the donation form ever appears.
Donors leave because they feel uninformed, not because they are unwilling
Generic charity templates lack the editorial weight needed for military and veteran causes
Standard donation forms miss the recurring-gift toggle and impact-labeled amounts that drive larger commitments
What you get with this template
You get a fully structured, single-page fundraising layout with a memorial-editorial visual identity and high interactivity built in. Every section is pre-arranged to guide a visitor from emotional engagement to confident donation.
A full-bleed hero section, three zigzag story-and-stat pairs, a structured donation panel, and a single-row footer
A Soft Mist color system with navy, fog gray, quiet stone, and muted gold, plus Fraunces serif headlines and DM Sans body text
Theme
Civic Service
Creative direction
Movement & Cause
Color system
Soft Mist
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Full-bleed Cinematic Hero Section
Zigzag Alternating Story Layout
Donation Panel with Impact Labels
Persistent Bottom Donation Bar
Social Share Path for Non-donors
Scroll-linked Animations and Count-up Stats
Related questions
Can I adjust the pre-set donation amounts and their impact labels?
Is the social share path included as a built-in component?
Does the donation panel support monthly recurring giving?
What kind of organization is this template designed for?
Can I replace the zigzag section content with my own stories and statistics?
Scroll-linked reveal animations, count-up impact numbers, a persistent donation bar, and a social share path for non-donors
Feature list
This template is built around a specific set of functional and visual components described in the design brief. Each one serves a clear purpose in the donor journey.
Full-Bleed Cinematic Hero
The hero section fills the entire viewport with a high-resolution editorial photograph. A single line of white text rises from the bottom after a two-second pause. A muted gold primary call-to-action button appears beneath the headline to open the donation panel immediately.
Zigzag Alternating Section Layout
Three content pairs alternate left and right across the page. Each pair places a veteran story, quote, or family image on one side and a program stat or outcome counter on the other. The rhythm builds emotional gravity as the visitor scrolls deeper.
Donation Panel with Impact Labels
The donation panel displays four pre-set giving amounts, each labeled with the specific program outcome it funds. A custom-amount field and a single monthly-recurring toggle give donors full control. Cost-to-impact clarity appears before the form, not after.
Persistent Donation Bar
After the second content section, a fixed bottom bar carries the primary call-to-action across the rest of the page. Visitors can open the donation panel at any scroll depth without needing to return to the top.
Social Share Path for Non-Donors
A secondary call-to-action, labeled "Share Their Story," generates a pre-written social post with a veteran image. This gives visitors who are not ready to donate a meaningful way to contribute reach and awareness.
Scroll-Linked Animations and Count-Up Numbers
Section content reveals through scroll-triggered animations using Intersection Observer. Impact statistics animate as count-up numbers when they enter the viewport, reinforcing the program's real-world scale at the moment of reading.
Page sections overview
Section
Purpose
Full-Bleed Hero
Opens with cinematic photo, rising headline, and gold donation call-to-action
Zigzag Pair One
Adaptive athletics story beside a recovery statistic
Zigzag Pair Two
Peer mentor quote beside a counseling-hours counter
Zigzag Pair Three
Family reunion image beside a reintegration outcome
Donation Panel
Pre-set impact amounts, custom field, recurring toggle, and share path
Linear Footer
Single-row footer with essential links and program identity
Design & branding system
The visual identity follows a Civic Service theme built on a Soft Mist color palette. The overall feel is a memorial wall at dawn, cool granite touched by the first warm light of morning.
Navy (#1B2A4A) anchors headlines and section dividers; fog gray (#D6DDE3) washes alternating background panels; quiet stone (#A3ADB8) carries body text
Muted gold (#C2A360) appears exclusively on donation buttons and impact numbers, making every call-to-action feel earned rather than promotional
Typography pairs Fraunces serif for headlines with DM Sans for body copy and interface elements, balancing editorial weight with clean readability
Mobile & speed optimization
The template is designed desktop-first to match the 35-to-55 donor demographic, with full mobile responsiveness built into the layout. The alternating section structure and sticky donation bar reflow cleanly at smaller screen sizes.
The hero image uses priority loading so the cinematic opening renders before other assets
Intersection Observer drives all scroll animations, keeping the page responsive without blocking the main thread
The donation panel and persistent bar are touch-friendly and usable on any screen width
How this template helps you convert
Honor is structured around a single principle: earn the gift before asking for it. Every layout decision follows a deliberate conversion sequence.
The hero section creates immediate emotional impact and places the primary call-to-action in view before the visitor has scrolled at all.
The three zigzag pairs build progressive context, moving from individual recovery stories to systemic program outcomes, so the visitor understands this is infrastructure, not charity.
The donation panel closes the loop by showing exact cost-to-impact per dollar before presenting the form, removing the most common reason donors hesitate.
Other information about this template
This template is categorized under Community and Nonprofit, with a specific focus on veteran and military support causes. It is suited for organizations running wounded warrior programs, adaptive athletics fundraisers, or veteran reintegration campaigns.
The template style is Zigzag/Alternating, which suits causes that need to balance emotional storytelling with program credibility
The creative direction is Movement and Cause, meaning the visual and copy rhythm is designed to escalate stakes as the visitor scrolls
The Soft Mist color system and Civic Service theme make this template visually distinct from generic charity page designs
