Food rescue nonprofit website template
Open Harvest
A warm, hopeful template for food banks, food rescue groups and community charities. Big rounded type, sunflower and leaf-green accents, and a clear path to give: impact stats, a how-food-moves story, programs with volunteer shifts, a monthly giving page with tax FAQs, and three real articles ready to edit.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 40 sections · 18 photos
Design system
- Display face
- Epilogue
- Body face
- Epilogue
- Header · footer · images
- classic · mega · rounded
- paper
#FFFCF5 - surface
#F6EFDF - ink
#1A2A1E - muted
#5C6B5F - line
#E8DFCB - brand
#2E7A4D - brandInk
#FFFCF5 - accent
#F2B33C
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 18 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Split hero
- Stats
- Feature grid
- Image + text
- Process steps
- Feature quote
- Article grid
- Call to action
- Page header
- Story
- Timeline
- Team
- Logo strip
- Service cards
- Timetable
- Pricing tiers
- FAQ
- Contact form + details
- Info bar
- Newsletter
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the food rescue nonprofit template
Can I connect this template to a donation platform?
Yes. The donate buttons are ordinary links, so you can point them to Stripe, Givebutter, Donorbox, Classy or any hosted donation form.
Does it work for causes other than food?
Absolutely. Swap the copy and photos and it fits animal shelters, youth programs, housing charities or any community nonprofit.
Where do I put our EIN and financial reports?
The donate page includes a note line and a giving FAQ built for your EIN, program ratio and a link to your Form 990 or annual report.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the nonprofit website template guide.
