Nonprofit website design examples

75 references from real, live websites.

Whiteboard

GalleryAgencyEditorial serif

Maxima Therapy

HeroHealthPlayful illustratedLight

MIT Museum

HeroEducationSwiss grid

Age of Union

HeroNonprofitSwiss gridLight

Eat Real Food stats section, Nonprofit website, bold color block style
Eat Real Food

StatsNonprofitBold color blockDark

DépistaFest

HeroHealthSoft gradientDark

MIT Museum

FeaturesEducationBold color blockLight

Frac Île-de-France

HeroMediaSwiss gridLight

charity: water

HeroNonprofitPhoto led

Nottingham Contemporary

HeroMediaBrutalist rawLight

Whiteboard

HeroAgencyEditorial serifLight

Maxima Therapy

ContentHealthPlayful illustratedLight

Studio Museum in Harlem

HeroMediaEditorial serifDark

Büdchentag

PricingMusicBold color blockLight

Templo

HeroAgencySwiss gridDark

Siena Film Foundation

HeroMediaRetro nostalgicDark

The Pudding

FooterMediaPlayful illustratedLight

Age of Union

BlogNonprofitSwiss gridLight

Eat Real Food hero section, Nonprofit website, bold color block style
Eat Real Food

HeroNonprofitBold color blockDark

Schwankhalle

HeroMediaBold color blockDark

Guggenheim Bilbao

HeroMediaPhoto ledDark

Alpenkonvention

HeroNonprofitPlayful illustratedLight

DépistaFest

FeaturesHealthSoft gradientDark

charity: water

Call to actionNonprofitWarm organicLight

Sign up free to keep browsing

See all 75 references full size, with motion and the notes behind each design.

More collections

About this collection

A nonprofit site has to earn trust and inspire action in the same scroll. These references show how organizations tell their story, prove their impact with numbers and photos, and make the donate button impossible to miss.