charity: water

Item: charity: water
Rating: 8

Funds clean water projects and proves every one publicly.

charitywater.org Save page

8.0/10MABTU rating

DESKTOP · 1440 × 6,360/ ↗

MOBILE · 390

Section outline · Home

01header92
02hero81
03heroOther Ways to Give5,575
04footer536

Rating · Home

Visual design8.3

UX & clarity8.5

Originality7.8

Craft & consistency8.2

Motion6.0

Performance & a11y8.0

This page scores 8.0; the site score weights the home page double.

Main colours

Light·white background·vivid

Typography

Kazimir Textheading · font · self-hosted Proxima Novabody · sans · self-hosted

Stack & style

Alpine.js Unbounce htmx jQuery Tailwind CSS Vite Google Fonts Swiper Ruby on Rails

Minimal Editorial Photography-led Map Stats band Sticky header Tabs

Also: Stripe, Fastly, Google Tag Manager

Design DNA

Warm cream and a single yellow accent, small caps eyebrows and a handwritten script display word ('Day One') set against a scatter of tilted polaroid portraits. The hero splits into a white donation card with monthly/once toggle and preset amounts, so giving starts above the fold. Below, a tabbed impact photo (health, education, women, economic growth), a centred stat sentence, a 100%-model badge, then a dark section holding a live Mapbox map of funded projects with running counters, and a card carousel of ways to act.

Worth borrowing

Put the donation form in the hero itself as a white card with amount presets and a monthly toggle.
Use tabs over a single documentary photo to switch impact themes without changing layout.
Show proof as a dark live map with project counters rather than a claim in text.