Nonprofit Youth Mentoring Nonprofit Website Template
Bridge
Bridge is a youth mentoring nonprofit site with teal blocks, a heavy rounded headline and a photo of children playing in a green field. It has a stats band showing matches, mentors and school retention.
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
- Prospective mentors, parents and teachers who want to refer a student, and local sponsors.
- Navigation
- Sticky frosted bar with the full menu and a Give button. 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
Outfit Bold is used for both headlines and body text. It is a geometric sans with simple round forms, friendly and modern, and it looks as good at 90 pixels as at 16. One family keeps the page uncluttered.
- Outfit headlines
- Outfit body text
- Color
The page is pale mint (#F1FAF8) with deep green-black text (#12312F), a teal brand colour (#138A7E) and a coral accent (#FF6F59). The hero sits on a soft aqua. The dark theme uses a bright aqua (#55D0C2). Teal reads as trustworthy and calm, and coral adds warmth for children.
- Page
#F1FAF8 - Cards
#FFFFFF - Text
#12312F - Brand
#138A7E - Accent
#FF6F59
- Page
- Layout
A white bar has a teal logo tile, six links and a teal Donate button. Below are tinted cards for programs, stats counters for 420 youth matched, 310 mentors and 94 percent staying in school, and layered photos. The structure is easy to follow on a small screen.
Pages: Home, About, Visit, Programs, Stories, Events, Donate, Contact
- Hero
The hero is split. 'Every kid needs someone in their corner.' fills four lines on the left, with a line on how many students stay in school. On the right a tall photo of children jumping in a misty field has a smaller sunset photo overlapping. A chip shows the next Family Night.
- Calls to action
'Become a mentor' is a teal pill and 'Refer a student' is outlined. The two buttons serve the two people who must act for a child to be matched. Donate is in the header.
- Photography
The main photo is bright and full of movement, which suits young people. Photos of children need written parental consent, and a real program should choose images that show activity and avoid anything that identifies a child's school or home.
- Accessibility
Dark green on mint is about 13 to 1. White on the teal button is about 4.2 to 1, which is below the 4.5 target for small text, so the button labels are large and bold, and a real build should darken the teal slightly. 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.