
Volunteer Orientation
Learn the line, safety basics and truck rules.
Our truck serves free hot meals across the county, six days a week. No forms. No lines that go nowhere. Just food.

Mercy Mile started with one used box truck and a pot of chili. We now roll to 11 stops, from rec centers to library lots, wherever people are hungry and rides are hard to find. Everyone eats the same meal at the same window.

A 26-foot kitchen on wheels with a flat-top grill, two warmers and a ramp. It carries 300 meals each run and a volunteer crew of six.

They don't need to go away. You give them something to eat.Matthew 14:16

Learn the line, safety basics and truck rules.

Bring canned goods to stock our weekend grocery bags.

Free coats alongside the regular meal.
Every gift becomes a plate, and every plate has a name on it.
Design notes
Mercy Mile is a mobile food ministry site in a bold brutalist style. It has a black hero with diagonal stripes, a tilted food photo, huge uppercase type and a butter yellow header.
Archivo Black sets uppercase headlines in a wide, heavy form that looks like a sign painted on a truck. Work Sans carries the body text and is simple and readable. The headline is meant to be seen from across a parking lot, and the body keeps information plain.
The page uses butter yellow (#FFF6BF), black (#101010) and a traffic-light red (#D42E1A). The dark theme is black with a stronger yellow (#FFE94D). Yellow, black and red are the colours of road signs and food trucks, which is exactly the setting.
A butter-yellow header holds a black circle monogram, the full name in capitals, six links and a black Give button. Below is a black hero with fine diagonal stripes, then a strip of tiles for stops and schedule. Outlined cards with square corners keep the look rough and direct.
The hero reads 'HUNGRY? WE'RE ON THE WAY.' in white capitals on three lines, with a tilted breakfast photo in a white frame on the right. The framing feels like a Polaroid taped to a wall. A chip shows the next stop and a countdown.
'Find the truck' is a red button, with 'Volunteer' as an outlined button. The label answers a hungry person's immediate need. The red button is the only strong colour in the hero, so it is hard to miss.
The photo is overhead food, bright and colourful against the black. It shows what is on offer, which is better than an image of the truck for a hungry visitor. A real ministry should show its own meals and its volunteers, and never recipients' faces without consent.
White on black measures about 19 to 1, the highest of any template. The red button carries white text. Text is plain and short, and the schedule is in text rather than an image so it can be read by screen readers.
Each text pairing is checked against WCAG 2.2 in both themes. Ratios are computed from the exact theme colours.
| Pairing | Sample | Ratio | WCAG |
|---|---|---|---|
| Body text on page | Aa | 17.39:1 | AAA |
| Body text on cards | Aa | 19.03:1 | AAA |
| Secondary text | Aa | 6.86:1 | AA |
| Secondary text on tinted bands | Aa | 5.10:1 | AA |
| Links and labels | Aa | 17.39:1 | AAA |
| Button text | Aa | 19.03:1 | AAA |
| Accent button text | Aa | 4.99:1 | AA |
| Footer text | Aa | 17.39:1 | AAA |
| Pairing | Sample | Ratio | WCAG |
|---|---|---|---|
| Body text on page | Aa | 16.00:1 | AAA |
| Body text on cards | Aa | 14.28:1 | AAA |
| Secondary text | Aa | 8.25:1 | AAA |
| Secondary text on tinted bands | Aa | 5.76:1 | AA |
| Links and labels | Aa | 14.80:1 | AAA |
| Button text | Aa | 15.95:1 | AAA |
| Accent button text | Aa | 6.98:1 | AA |
| Footer text | Aa | 16.00:1 | AAA |
Designed by Greater Purpose Web. Names, people, photos and events are sample content.