Reference
The system behind every page.
Complete enough that a partner agency could build an off-site asset — a print poster, a deck — without further brand guidance.
Colors
Black, white, one loud red.
Campaign Red is the only accent used for action. Trust Blue is locked to verification marks and the focus ring — it never competes with red.
| Pairing | Contrast ratio | WCAG AA |
|---|---|---|
| Black on White | 21.0:1 | |
| White on Black | 21.0:1 | |
| Campaign Red on White | 4.9:1 | |
| White on Campaign Red | 4.9:1 | |
| Slate on White | 8.3:1 | |
| White on Trust Blue | 4.0:1 |
Typography
One typeface. Lato, everywhere.
Display / 900
It Stops With Us.
H2 / 900
Five signs a child needs support.
Module Title / 700
Module 3: Standing Up Safely.
Body / 400
Running copy sits at 15px, weight 400, with 1.75 line-height in Slate — built for long-form reading on toolkit and policy pages.
Eyebrow / 900
CAMPAIGN 2026
Buttons and Badges
Blocky, high-contrast, never pill-shaped.
Cards
Framed to be photographed.
2px solid black border, 6px radius, white fill. No drop shadows — borders carry all separation.
Card title
Card body copy sits at 15px Slate, same as running text elsewhere on the site.
With icon
Icons use the Campaign Red accent, 2px stroke, from the Lucide set.
128,406
Stat card variant
Form Elements
Sign up loud, not soft.
Campaign Devices
Portable off-site assets.
Pledge counter
0
Live count-up on scroll
Social share card
Printable poster
Say it here.
savethechildren.org/pledge
Icons and Motion
Load fast, land hard.
Icon set: Lucide, 2px stroke, no other icon library. Motion runs short and confident — no lingering animation — and every animated element on this page respects prefers-reduced-motion.