Nonprofit Urban Tree Planting Website Template
Canopy Corps
A tree-planting corps whose work is slow and local: one terrace, one yard, one block at a time, followed by two summers of watering. The site leads with homeowners requesting a free tree, then volunteers and the paid youth crew, and it treats the care that follows planting as seriously as planting day.
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
- Homeowners and renters in low-canopy neighborhoods, Saturday volunteers, teenagers looking for a paid summer job, and donors who want to fund a specific tree.
- Navigation
- Split screen. Identity and navigation stay fixed on the left half while content scrolls on the right, like a printed programme.
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
Vollkorn was drawn as a sturdy everyday book face, and its name means wholemeal. It has the dependable warmth of a field guide or a seed catalog, which suits an organization that measures progress in decades. IBM Plex Sans carries the practical material, permits and watering, and Plex Mono sets species codes and trunk sizes the way they read on a nursery tag.
- Vollkorn headlines
- IBM Plex Sans body text
- IBM Plex Mono labels
- Color
The green is a white-oak leaf in late June, deep enough to carry white text. The gold is a honey locust in its October week, darkened to pass contrast as a link and button color. The light theme sits on a pale lichen tone; the dark theme is an evening under canopy, with the green lifted to new spring growth so it still reads.
- Page
#EEF0E6 - Cards
#FBFCF7 - Text
#1E2419 - Brand
#2F5A2A - Accent
#B97A0C
- Page
- Layout
The split screen keeps the corps' name, the planting deadline and Request a free tree fixed on the left while the right side scrolls, like a printed program. On a phone it folds to a compact header and a menu. Seven pages are named for what people come to do: request, plant, water, fund, apply.
Pages: Home, Request a tree, Plant days, The trees, Tree care, Youth crew, Fund a tree
- Hero
The opening strip of photographs moves slowly through a planting season: digging, staking, watering, the shade on a finished street. It says this is physical neighborhood work before a word is read, and the headline names the real loss behind the program, the ash trees Milwaukee lost to the emerald ash borer.
- Calls to action
The one fixed action is Request a free tree, because homeowners in the target neighborhoods are the people the program exists for and the request window closes. Volunteers get Dig in at a Plant Day, teenagers get Apply for the youth crew, and donors get Fund a tree, each priced in real trees.
- Photography
Planting and watering photographs with real dirt on the boots, plus leafy residential streets that show what a block looks like after twenty years. Crew portraits are of the kind of people actually doing the work. No single-leaf macro shots, no forest stock.
- Accessibility
Text is 17px with strong contrast in both themes, the photo strip can be paused and stands still for reduced motion, and every form field has a visible label. Plant Day pages say plainly which jobs need no bending or digging, so older neighbors and wheelchair users can sign up for registration, mulch hauling by cart or the coffee table.
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.