Nonprofit Food Bank and Pantry Website Template
Neighborhood Pantry
Neighborhood Pantry is a food bank site in mustard and deep teal, with a split hero, a large friendly headline and a stats band for pounds, households and volunteers. It tells a hungry visitor when to come, and tells donors what their food does.
Starting at $500
Start with this design and I’ll personalize it with your branding, photos and words. Keep your current domain or get a new one.
Changes you make in the editor stay in your own browser, so try anything.
- Built for
- Families who need groceries, volunteers, and local donors and food drives.
- Navigation
- Floating rounded pill that sits over the hero photo. On phones, a bottom tab bar plus a quick-links launcher.
Names, photos, times and stories in this template are sample content. Your version uses your own words, photos and branding.
Why it looks this way.
- Typography
Bricolage Grotesque at extra bold sets the headline at about 90 pixels. It has a slightly rough, human character that feels hand-lettered. Karla provides body text and is plain and compact. Together they read as a community notice board.
- Bricolage Grotesque headlines
- Karla body text
- Color
The page is warm mustard cream (#FFF5D6) with deep teal text (#0F3B3A), a teal brand colour (#0F5E5C) and a bright mustard (#E2A610) accent. The hero sits on a sage tint. The dark theme uses a lighter gold (#F2C14E). Teal and mustard are earthy, and the pairing looks like pantry shelves and tins.
- Page
#FFF5D6 - Cards
#FFFBEB - Text
#0F3B3A - Brand
#0F5E5C - Accent
#E2A610
- Page
- Layout
A rounded white pill nav has a teal logo tile, six links and a teal Give Food button. The page then moves through a stats band, rounded value cards and a map-like visit block. The labels are literal, including Get Food, so a person in need does not have to decode them.
Pages: Home, About, Visit, Get Food, Stories, Events, Give Food, Contact
- Hero
The hero is split. 'No neighbor goes hungry here.' is set on three lines at left, with a short line telling people to walk in, take a cart and take what their family needs. On the right is a tall photo of a breakfast table with a garden path photo overlapping. A chip names the next Saturday produce day.
- Calls to action
'Visit the pantry' is the teal primary pill and 'Donate food' is outlined. The wording covers the two main audiences. Hours appear in the eyebrow, so the visitor sees them before reading anything else.
- Photography
The food photograph is bright and abundant. It shows meals rather than shelves of cans, so the pantry looks generous. A real pantry should show its own distribution room and volunteers, and never photograph people receiving food without clear consent.
- Accessibility
Teal text on mustard cream is about 11.3 to 1, and white on the teal button about 7.6 to 1. The message about no forms and no judgement is stated in plain words, which lowers the barrier to entry. The dark theme is available from the header.
Like where this is going?
Starting at $500
Start with this design
Your colors, logo, photos and words, on a layout that already works.
Start with This DesignStarting at $1,500
Build something custom
A new design shaped around your organization from the first sketch.
Start a Custom WebsiteBoth include keeping your current domain or getting a new one, plus simple editing tools for your team. Monthly hosting and care plans are listed on Services & Pricing.