Shelve is a warm, editorial landing page template built for book distribution charities. It follows a Hero's Journey scroll structure, moving visitors from the problem to the mission to a clear donation ask. The botanical color system, zigzag layout, and preset donation form make giving feel personal, purposeful, and easy to act on.
by Rocket studio
Loading preview…
Quick summary
Shelve is a single-page fundraising template designed for book distribution nonprofits. It opens with a cinematic warehouse photo and guides visitors through a story-driven scroll toward a donation climax. The botanical palette, alternating content sections, and tangible preset donation amounts work together to make every potential donor feel the specific impact of their gift before they ever click.
Who this template is for
This template is built for nonprofits and charitable organizations that collect, sort, and distribute books to underserved communities. It suits teams who want an emotionally resonant page that earns trust before it asks for anything.
Book distribution charities serving rural schools, prison libraries, or refugee community centers
Education and literacy nonprofits looking to launch a focused fundraising landing page
Volunteer-led organizations that need a warm, story-driven design without starting from scratch
What problem this template solves
Most nonprofit landing pages either ask too soon or explain too little. Visitors arrive without context, feel no connection, and leave without donating. Shelve solves this by structuring the entire page as a narrative journey.
Donors often cannot picture where their money goes, so this template ties every preset amount to a specific, tangible outcome
Organizations struggle to balance emotional storytelling with a clear call to action, and this layout handles both in sequence
Physical book donors need a separate, lower-friction path, which this template provides as a quieter secondary option beneath each primary button
What you get with this template
You get a complete, ready-to-customize single-page fundraising layout with every section pre-built and logically ordered. The design is editorial and literary, built to feel like a well-loved book rather than a generic charity site.
A Hero's Journey scroll with six distinct content sections, from the hero header to the donation climax and arc-split footer
A botanical color system with parchment backgrounds, moss headlines, loam body text, and new-leaf green buttons
Theme
Nature-Inspired
Creative direction
Hero's Journey
Color system
Botanical
Style
Zigzag/Alternating
Direction
Donation/Fundraising
Page Sections
Cinematic Hero Header with Fade-in Headline
Zigzag Alternating Story Sections
Full-width Recipient Quote Band
Preset Donation Form with Giving Tiers
Sticky Bottom Donation Bar
Impact Metrics Bento Block
Related questions
Can I change the preset donation amounts?
Does the page support both monetary and physical book donations?
How does the sticky bottom donation bar work?
Is this template suitable for a small volunteer-run nonprofit?
Can I replace the placeholder photos with my own images?
A preset donation form with three tangible giving tiers, a custom amount field, and a sticky bottom bar that activates mid-scroll
Feature list
A practical summary of what this template includes and how each part works.
Cinematic Hero Header with Fade-In Headline
The header uses a wide warehouse team photo showing volunteers mid-sort across folding tables stacked with colorful book spines. Natural light floods through loading dock doors. A single headline fades in over the image: "Every book finds someone who needs it." The framing is wide enough to show scale but close enough to catch handwritten box labels.
Zigzag Alternating Content Sections
The core layout alternates impact photographs and narrative text blocks in a left-right zigzag pattern. Each alternating pair raises the stakes of the story, moving from the problem through the mission origin. This structure keeps scrolling natural and prevents the page from feeling like a wall of text.
Full-Width Recipient Quote Band
A full-width moss-green section isolates a real recipient quote. The quote sits alone on the band with no competing elements. This placement gives the testimonial maximum emotional weight at the midpoint of the scroll, exactly when donor trust is being built.
Preset Donation Form with Tangible Tiers
The donation section includes three preset amounts tied to specific outcomes: $25 for one classroom box, $75 for a full library shipment, and $150 for a reading corner installation. A custom field lets donors enter any amount. The form is the narrative climax, placed after the visitor has already seen the impact.
Sticky Bottom Donation Bar
After the origin story section, a sticky bottom bar appears and stays visible as visitors continue scrolling. It carries the primary call to action, "Give a Shelf of Books," keeping the donation prompt accessible without interrupting the story. A quieter "Donate Your Books" text link sits beneath it for physical donors.
Scale Metrics Bento Block
Before the donation form, a bento-style metrics block displays social proof figures: volunteer count, total books distributed, and communities reached. These numbers translate the emotional story into concrete evidence that the organization delivers on its mission.
Page sections overview
Section
Purpose
Warehouse hero header
Opens with scale and warmth, sets the emotional tone
The Problem zigzag
Introduces the need with a statistic paired with a community photo
The Mission zigzag
Tells the volunteer origin story alongside a warehouse photograph
Recipient quote band
Delivers a full-width testimonial at peak emotional engagement
Impact metrics bento
Shows volunteer count, books distributed, and communities reached
Preset donation form
Presents three tangible giving tiers and a custom amount field
Arc-split footer
Displays logo and tagline left, navigation links right
Design & branding system
The visual identity follows a nature-inspired, botanical direction. Every color and font choice reinforces the feeling of reading in a quiet garden behind an old library.
Colors: parchment (#F5E6C8) dominates backgrounds; moss (#2D5F2D) anchors headlines and dividers; loam (#3E2723) carries body text; new-leaf green (#7CB342) is used exclusively for donation buttons and progress indicators
Typography: DM Serif Display handles all headlines for a warm editorial feel; Plus Jakarta Sans carries body text for clean readability; Reenie Beanie adds handwritten accent details that echo the hand-labeled boxes in the photos
Scroll-triggered fade and translate animations reveal sections as visitors scroll, a floating badge animates on the hero, and all motion is kept at a medium intensity with no marquee effects
Mobile & speed optimization
The template is built desktop-first with careful mobile adaptation so the donation form works correctly on smaller screens. The design decisions support a lean, performant page.
Images are lazy-loaded so above-the-fold content renders quickly while off-screen photos load on demand
The static-first build approach keeps the page lightweight, with CSS scroll-behavior handling smooth scrolling without heavy JavaScript dependencies
The donation preset selector and sticky bottom bar are adapted for mobile touch interaction so donors on any device can complete a gift without friction
How this template helps you convert
The page is structured to earn the donation click rather than demand it. Every design and copy decision moves a visitor one step closer to giving with genuine intent.
The Hero's Journey scroll builds emotional investment before any ask appears, so visitors arrive at the donation form already caring about the outcome rather than feeling solicited
Preset donation amounts tied to specific outcomes ($25, $75, $150) replace abstract giving with a clear mental picture, making the decision feel concrete and personally meaningful
The sticky bottom bar keeps "Give a Shelf of Books" visible throughout the scroll without disrupting the narrative, so donors who are ready early can act immediately
Other information about this template
This template is part of a broader set of nature-inspired nonprofit designs intended for causes rooted in community, literacy, and education.
The template style is zigzag and alternating, which is well suited to storytelling-led nonprofit pages where emotional pacing matters
The creative direction follows a Hero's Journey framework, a proven narrative arc for fundraising pages that begin with a problem and end with a transformation
The header concept is a Team Photo, which humanizes the organization immediately and builds volunteer credibility before the story begins
The footer uses an arc-split pattern with the logo and tagline on the left and navigation links on the right, providing clean closure without distracting from the donation ask
The template supports both monetary donors and physical book donors through dual call-to-action paths, broadening the audience without diluting the primary fundraising goal
