61 Best Squarespace Nonprofit Website Examples

I found the best Squarespace nonprofit websites that boost your donations!

These sites prove specificity and urgency beat polished mission statements every time. Here’s what actually works:

  • Lead with stark impact numbers, not your founding story. Alabaster Jar ProjectSurvivor-led anti-human trafficking nonprofit website with warm, empowering serif typography in sage, navy, and mauve. "Empowering Survivors of human trafficking" pairs dusty rose callouts with dark charcoal statistics… making the problem impossible to ignore.
  • Use warm accent colors to guide every action. YWCA El Paso del NorteNonprofit community organization website — vibrant, typographic design in orange-red and warm gray. "Eliminating racism, empowering women, and promoting peace, justice, freedom, and dignity for all." puts orange-red pill buttons on every CTA, so donating never requires hunting.
  • Anchor your hero in real faces, not abstractions. Bean VoyageSocial enterprise website — warm, inspiring typography design in burnt orange and maroon. "Powering Women Coffee Producers to Build Thriving Livelihoods" centers a woman farmer front and center, making the mission instantly human.

Browse these Squarespace nonprofit design examples below for more inspiration.

1–30 of 61

Design Data

The colors, fonts, and layout choices used across 61 Squarespace nonprofit websites.

18px Button corner radius median across 21 sites
65px Headline size median across 22 sites
5 Navigation links median across 59 sites

Background color

How dark or light the page background is (background luminance).

  • White / near white 65.6% (40)
  • Mid-tone 16.4% (10)
  • Light 11.5% (7)
  • Black / near black 3.3% (2)
  • Dark 3.3% (2)

Accent color

The color of each site's primary button, measured from its code (accent hue family).

  • Amber / orange 29.3% (17)
  • Red 22.4% (13)
  • Black, white & gray 15.5% (9)
  • Teal / cyan 10.3% (6)
  • Blue 8.6% (5)
  • Green 5.2% (3)
  • Pink 5.2% (3)
  • Lime 3.4% (2)

Hero imagery

The kind of visual the top section leads with.

  • Photography 80.3% (49)
  • Illustration 14.8% (9)
  • No imagery 4.9% (3)

Button shape

Corner rounding on primary buttons (border radius relative to height).

  • Pill (fully rounded) 47.6% (10)
  • Rounded corners 33.3% (7)
  • Square corners 19% (4)

Font combination

How heading and body typefaces pair (serif vs. sans-serif).

  • All sans-serif 77.3% (17)
  • Serif headings, sans-serif body 22.7% (5)

Color intensity

How colorful the palette is, from black-and-white to bold color (saturation).

  • Soft, muted color 70.5% (43)
  • Bold, vivid color 19.7% (12)
  • Black & white 9.8% (6)

Dark mode support

Sites whose code adapts to the visitor's light/dark preference (prefers-color-scheme).

  • Yes 0% (0)
  • No 100% (24)

Most-used fonts

The typeface each site leads with, read from its live CSS.

  • futura-pt 13.6% (3)
  • proxima-nova 9.1% (2)
  • new-kansas 4.5% (1)
  • Poppins 4.5% (1)
  • Raleway 4.5% (1)

Percentages are the share of sites where each trait could be measured, with counts in parentheses. Last updated July 2026.


The best Squarespace nonprofit website examples default to white, not black

Across the gallery, 65.6% of sites sit on a near-white background, with mid-tone backgrounds a distant second at 16.4% and true dark themes showing up on only two sites out of 61. That’s the clearest signal for anyone studying the best Squarespace nonprofit website examples: the safe, proven choice is a bright canvas that lets photography and testimonials carry the page, not a moody dark shell. The Beauty Foundation for Cancer CareNonprofit cancer care foundation website — warm, compassionate serif typography design in navy, red, and beige. "Do Something Beautiful", Africa Global Mental Health InstituteMental health organization website — warm, editorial serif design in cream, green, and red. "Connecting minds, accelerating progress.", and My Choice AdoptionsAdoption services website — calming, serif-style design in deep purple and magenta. "Pregnant and Scared? Considering Adoption for your baby?" all build on white, while Love Never FailsAnti-human trafficking nonprofit website — serene, typographic design in teal and grayscale. "Together we can END Human Trafficking" and Navajo Water ProjectNonprofit water access website with a bold, impactful Navajo-inspired design in dark tones and gold accents. "Running water *transforms* daily life." represent the rare dark-background exceptions.

Amber and red dominate, but the palette stays muted

When it comes to accent color, amber leads at 29.3% and red follows at 22.4%, with neutral accents trailing at 15.5%. What unites nearly all of them is restraint: 70.5% of sites use a muted saturation profile against just 19.7% vibrant. Nonprofits are choosing warm, approachable accent hues rather than cool corporate blues, but they’re dialing down intensity so the color reads as trustworthy rather than promotional. Congo Leaders Initiative (CLI)Nonprofit youth leadership website in warm, earthy tones with editorial serif typography. "CLI empowers DR Congo's future leaders." and FutureMapWorkforce development website — clean, modern typography design in teal, navy, and gold. "FutureMap: Early Career Workforce Experts since '18" both pair amber buttons with muted palettes, while Richmond Reproductive Freedom ProjectReproductive justice nonprofit website — bold, accessible, retro-comic design in orange and peach. "Richmond Reproductive Freedom Project" shows how red can still feel measured rather than urgent.

Pill buttons edge out rounded corners, not sharp squares

Among call-to-action shapes, pill buttons lead at 47.6%, rounded corners follow at 33.3%, and true square buttons trail at 19%. In Squarespace nonprofit design, the soft, fully-rounded pill is the closest thing to a house shape, likely because it reads as friendly and low-pressure, ideal for donation and volunteer prompts. The median CTA radius of 18px confirms that even the “rounded” sites aren’t going for sharp edges. Employment EnterprisesDisability employment services website — vibrant, typographic design in dark purple, green, and lavender. "Inspired careers, inspiring community for adults living with disabilities or mental illness in the Little Falls, MN area." and Feel Good ActionCivic engagement nonprofit website — bold, playful retro-inspired design in warm colors. "☑️ Voting is the vibe." both lean into pill-shaped CTAs, while Global Health InnovationsGlobal health nonprofit website — modern, minimalist typography design in green and white. "LET'S CREATE AN AIDS-FREE WORLD." is one of the few opting for hard squares.

Photography, not illustration, tells the mission

Hero media is photo-led on 80.3% of sites, versus just 14.8% illustrated and 4.9% with no hero image at all. Nonprofits rely on real human faces and real settings to build credibility fast, an approach visible in All Breed Animal Rescue of the CarolinasAnimal rescue nonprofit website — clean, minimal design in warm orange and gray. "Adopt. Foster. Volunteer." and Black BirthrightCultural education nonprofit website — clean, editorial design in warm tones with serif typography. "Experience the privilege of being Black.". Illustration survives mainly as a stylistic choice for organizations wanting a softer or more abstract tone, as seen on Richmond Reproductive Freedom ProjectReproductive justice nonprofit website — bold, accessible, retro-comic design in orange and peach. "Richmond Reproductive Freedom Project" and Congo Leaders Initiative (CLI)Nonprofit youth leadership website in warm, earthy tones with editorial serif typography. "CLI empowers DR Congo's future leaders.".

Typography stays plain and readable, dark mode doesn’t exist

Sans-serif dominates both headings (81.8%) and body copy (86.9%), and font pairings mirror that with sans-plus-sans at 81.8% versus serif-plus-sans at 18.2%. No single font commands the field: futura-pt leads the named fonts at just 13.6%. Meanwhile, dark mode support sits at 0% across every site measured. Squarespace nonprofit websites consistently prioritize plain-text legibility over stylistic flourish, and none are building alternate dark themes. The Single Parent ProjectNonprofit family support website — warm, approachable serif design in orange and navy. "We are The Single Parent Project" and Almost Home RescueAnimal rescue non-profit website — clean, warm, emotional serif design in deep purple and white. "Help us save lives." stand out for using serif headings against this overwhelmingly sans-serif field.