
Antoinette Greer
Executive Director
1127 Central Ave, Kansas City, KS 66102
(555) 017-4410
porch@example.org
Who we are
Porchlight started in 2017 on a front porch in Strawberry Hill. It's still run by people who have lived foster care from one side or the other.
Staff
Four staff and about 280 volunteers.

Executive Director

Respite and Volunteers

The Closet and Placement Bags

Foster Parent Navigator
How it grew

2017
Antoinette and three foster mothers pack twelve duffels on her porch in Strawberry Hill.

2019
Eleven kids, two pizzas short, one exhausted and very happy volunteer team.

2021
A basement on Central Avenue, shelved by a high-school woodshop class.

2023
Nine churches and two offices each adopt a foster family for a year.

2026
Mentors and a driving-lesson fund for young people ageing out of care.
Partners
Churches host, businesses donate, and other groups catch what we can't.
Get in touch
Placement line answered 7 AM to 11 PM. Everything else within one working day.
A real person will reply within a day.
Design notes
Porchlight's visitors arrive in three very different states: a foster parent who got a call at 9 PM, someone wondering whether they could ever foster, and a neighbor who wants to help. The site gives each of them a door on the first screen and keeps the urgent one, the placement bag, one tap away everywhere.
Headlines are Onest, a soft grotesque with open, rounded letters that feel kind without becoming childish. Body text is Literata, a serif made for reading on screens, so the longer pages read like a letter from someone who has done this before. The pairing keeps the tone warm for tired people reading on a phone late at night.
The palette is a porch at dusk: a front-door indigo as the brand and the amber of a bulb left on as the accent. In the dark theme the two swap roles, so the amber becomes the main color and the page reads like a porch light at night. Neutrals lean slightly blue to keep the light theme cool and calm.
A fixed left sidebar holds every page, the placement-bag button and the address, so a foster parent mid-crisis never has to hunt for the menu. Page names are the things people actually say: New placement, The Closet, Respite nights. On phones the sidebar folds into a simple top bar.
The home page opens with three doors: I'm fostering or caring for family, I'm thinking about fostering, and I want to help. Each audience needs something different first, and a single headline would have served only one of them.
The main action is Request a placement bag, because the hours after a new placement are when families most need help and least have time to look for it. Other actions say exactly what you get: Book a respite night, Come to an info night, Join a wrap team.
Photos show ordinary home moments between adults and children: shoulder rides, drawing, holding hands. We avoided sad-child imagery and anything that could identify a child in care; in a real build, photos of children in care should always be staged with models or shot from behind.
Body text is 18px with generous line height, and every text pairing passes WCAG AA in both themes. Forms ask only what is needed, mark optional fields in words, and the placement form works with autofill so it can be done one-handed holding a toddler.
Every text pairing is checked against WCAG 2.2 in both themes.
| Pairing | Sample | Ratio | WCAG |
|---|---|---|---|
| Body text on page | Aa | 14.71:1 | AAA |
| Body text on cards | Aa | 16.31:1 | AAA |
| Secondary text | Aa | 5.73:1 | AA |
| Links | Aa | 9.47:1 | AAA |
| Button text | Aa | 10.5:1 | AAA |
| Accent label text | Aa | 9.03:1 | AAA |
| Text on dark bands | Aa | 14.71:1 | AAA |
| Muted text on dark bands | Aa | 7.8:1 | AAA |
| Text on brand bands | Aa | 10.5:1 | AAA |
| Muted text on brand bands | Aa | 6.69:1 | AA |
| Pairing | Sample | Ratio | WCAG |
|---|---|---|---|
| Body text on page | Aa | 15.64:1 | AAA |
| Body text on cards | Aa | 14.04:1 | AAA |
| Secondary text | Aa | 6.95:1 | AA |
| Links | Aa | 10.26:1 | AAA |
| Button text | Aa | 10.69:1 | AAA |
| Accent label text | Aa | 9.65:1 | AAA |
| Text on dark bands | Aa | 16.71:1 | AAA |
| Muted text on dark bands | Aa | 8.37:1 | AAA |
| Text on brand bands | Aa | 10.69:1 | AAA |
| Muted text on brand bands | Aa | 6.12:1 | AA |
Designed by Greater Purpose Web. Names, people and events are sample content.