Raíces is a modular card grid landing page built for a Hispanic cultural center with a 22-year origin story to tell. The template blends storytelling and fundraising through a scroll-linked timeline, animated donation progress bar, and preset giving tiers. Every section earns trust before asking for a contribution.
by Rocket studio
Loading preview…
Quick summary
Raíces is a single-page fundraising template designed for a Hispanic cultural center. It leads with a bold hashtag hero, moves through a modular origin-story card timeline, and closes with a minimal donation form. The design is warm, civic, and community-rooted, built to convert emotional investment into recurring support.
Who this template is for
This template was built for mission-driven organizations with a story worth telling and a community worth funding. It fits teams that want donors to feel something before they give anything.
Nonprofit Hispanic cultural centers seeking a fundraising landing page with narrative depth
Community organizations that serve first-generation families, offer multilingual programming, or run events like Día de los Muertos
Grant writers and development staff who need a credibility-forward page that doubles as a donor pitch
What problem this template solves
Most nonprofit donation pages ask for money before they earn it. Visitors land on a form with no context, no story, and no reason to care. This template reverses that sequence entirely.
The scroll itself is the pitch, moving visitors from founding story to present need before the donation form appears
Cultural authenticity is built into the layout, so Spanish phrases and community-specific details fit naturally rather than feeling like afterthoughts
The thermometer progress bar ties generosity to learning, reinforcing the idea that understanding the story is the first step toward giving
What you get with this template
You get a complete, single-page fundraising experience that carries a visitor from first impression to completed donation without friction. Every section is purposeful and sequenced.
A full modular card grid timeline covering the organization's founding, setbacks, rebuilds, and present needs
A scroll-linked donation thermometer, preset giving amounts with labeled impact, and a monthly-giving toggle
A programs showcase, community voices section with founder pull quotes, and an animated hero with live-ticking impact counters
Theme
Civic Service
Creative direction
Origin Story
Color system
Cloud Canvas
Style
Card Grid (Modular)
Direction
Donation/Fundraising
Page Sections
Hashtag Movement Hero with Live Counters
Modular Origin Story Card Timeline
Scroll-linked Donation Thermometer
Preset Giving Tiers with Impact Labels
Programs Bento Grid
Community Voices and Social Proof Cards
Related questions
Can I adapt this template for a different type of nonprofit?
Do I need a developer to customize this template?
How does the monthly-giving toggle work?
Is the donation form connected to a payment processor?
Can the hero impact counters be updated over time?
Feature list
This template ships with components that serve both storytelling and fundraising. Each feature is grounded in the brief and built for real community use.
Hashtag Movement Hero
The hero fills the entire viewport with a slow-panning mosaic of community photographs. Oversized hand-brushed typography displays the #SomosRaíces rallying identity. A single tagline and animated counters tracking families served, classes taught, and legal consultations completed load beneath it.
Origin Story Card Grid
A modular card timeline takes visitors from the organization's founding in a borrowed church basement through its first grant rejection, a transformative mural, a fire, and the rebuild. Cards alternate between archival photos, founder pull quotes, and short video clips with subtitles, accumulating emotional weight as the visitor scrolls.
Scroll-Linked Donation Thermometer
A progress bar is fixed to the bottom of the screen and fills as the visitor scrolls deeper into the story. This creates a direct visual connection between learning the organization's history and moving toward a gift.
Preset Giving Tiers with Impact Labels
Three preset donation amounts, $25, $75, and $150, each carry a plain-language label explaining exactly what that amount funds: a week of tutoring, a legal consultation, or a month of elder programming. A toggle reframes each amount as a recurring monthly gift.
Programs Bento Showcase
A bento-style grid highlights the full range of active programs. Papel picado classes, afterschool algebra tutoring, free immigration legal clinics, and elder programming each get their own visual card with enough room to show real community life.
Community Voices Section
Founder pull quotes and community testimonials appear as styled cards within the layout. This section provides social proof grounded in lived experience rather than generic five-star reviews.
Page sections overview
Section
Purpose
Hero with Counter
Establish identity, display #SomosRaíces, and show 22-year impact stats
Origin Story Grid
Walk visitors through the organization's founding, fire, and rebuild via modular cards
Present Need Cards
Show what the next chapter requires and what it costs
Programs Bento
Showcase tutoring, legal clinics, paper picado classes, and elder programming
Community Voices
Display founder pull quotes and community testimonials
Donation Form
Collect one-time or monthly gifts with preset amounts and impact labels
Footer
Horizontal flow pattern with navigation and contact information
Design & branding system
The visual identity follows a Civic Service theme using a warm, mural-inspired palette that feels handcrafted rather than corporate. Every color decision carries intentional meaning.
Soft gallery white (#F5F0EB) and adobe warmth (#C4956A) handle backgrounds, dividers, and card borders, keeping the page inviting and grounded
Deep civic navy (#1B2A4A) carries all headline text, providing contrast and authority without coldness
Living green (#4A7C59) appears exclusively on donation buttons and the scroll-linked progress bar, reserving its energy for moments that ask for action
Mobile & speed optimization
The template is built mobile-first because community members are most likely visiting on their phones. The layout adapts from a multi-column card grid on desktop to a single-column scroll on smaller screens.
Images are lazy-loaded to reduce initial load time on mobile connections
Static sections use Server Components, keeping rendering lightweight and the page responsive
Scroll-reveal animations and the mosaic pan are designed to work smoothly at mobile viewport sizes
How this template helps you convert
Every design and content decision in this template is sequenced to reduce friction and build the case for giving before a form ever appears.
The scroll-linked thermometer creates a behavioral metaphor: the more a visitor learns, the more the progress bar fills, so giving feels like the natural conclusion of understanding rather than an interruption
Preset amounts with plain-language impact labels remove the hesitation of choosing a number, making the decision feel concrete and meaningful rather than abstract
The donation form requests only amount, name, and email, with zip code marked optional, so the moment a visitor is ready to give, nothing stands between intention and completion
Other information about this template
This template is part of a broader Cloud Canvas color system lineup designed for civic and community-focused applications. It pairs well with organizations that have rich visual archives and real stories to tell.
Typography uses Fraunces for serif display headings and DM Sans for body text, creating a contrast between warmth and clarity
Spanish phrases are woven into the layout authentically without requiring a full internationalization toggle, keeping bilingual identity natural rather than mechanical
The Civic Service theme and Origin Story creative direction make this template particularly well-suited for anniversary campaigns, capital rebuilds, and annual giving drives
