Nonprofit Community Garden and Environment Website Template
Green Acre
Green Acre is a community garden site with a scalloped pattern, a heavy green headline and a stats band for plots, school gardens and donated produce. It sells plots and workdays as clearly as a hardware store sells tools.
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
- Neighbours who want a plot, volunteers for workdays and school gardens, and local sponsors.
- 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
Work Sans at extra bold sets the headline and also sets the body text. It is a wide, sturdy sans that looks practical, and the heaviest weight gives the headline a poster quality. One family keeps the page simple.
- Work Sans headlines
- Work Sans body text
- Color
The page is pale sage (#F5F8EC) with dark green text (#1B2A14), garden green (#2F7D32) for buttons and a sunflower yellow (#F2C230) accent. The dark theme uses a lighter leaf green (#7FD17F). Green is the obvious choice, and yellow gives it a bright, sunny counterpoint.
- Page
#F5F8EC - Cards
#FFFFFF - Text
#1B2A14 - Brand
#2F7D32 - Accent
#F2C230
- Page
- Layout
A rounded white pill nav has a green logo tile, six links and a green Donate pill. The hero has a scalloped wave pattern, which returns as a divider between sections. Below are rounded cards for garden programs, a stats band and a group of team avatars.
Pages: Home, About, Visit, Plots, Stories, Events, Donate, Contact
- Hero
The hero is centred, with 'Grow something good together.' on two lines and a sentence about renting a plot, joining a workday or learning to compost. Garden photos begin right under the fold. A chip names the next Saturday workday.
- Calls to action
'Get a plot' is a green pill and 'Join a workday' is an outline. Both are things a visitor can do this month, which fits a garden that depends on regular volunteers. Donate is in the header.
- Photography
The photographs are close shots of flowers and garden beds, which convey growth and colour. A real garden should show its own raised beds and gardeners, with seasonal updates so the site never looks stale in winter.
- Accessibility
Dark green on pale sage is about 14 to 1, and white on the green button about 5.1 to 1. The scalloped background is low contrast, and the headline sits on it at a large size. A theme toggle is in 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.