Why Mile Marker Chapel looks the way it does
Mile Marker Chapel is a trailer chapel parked at a truck stop on I-40 in Amarillo. The site is built for a driver in a cab at night, on a phone, with a clock running on their hours: it answers where the chapel is, whether it is open and how to reach a chaplain before anything else.
- Built for
- Long-haul and regional drivers parked overnight at Exit 74, drivers stranded by breakdowns or bad news, their families calling from home, and Amarillo churches who stock the care bags.
- Navigation
- Floating dock. Navigation floats in a dock at the bottom of the screen, where thumbs and eyes already are.
- Pages
- Chapel, Find us, Services, Chaplain, Stranded, Help, Story
- Hero
- a short action form as the hero: the one thing most visitors came to do (request a ride, ask for help, register a child) can be done before they scroll, with reassurance beside it. Variants: a = headline, reassurance and a photo on the left with the form as a raised card on the right; b = a tall photo carrying the headline, with the form and reassurance on a plain panel beside it; c = headline beside a photo, then the form laid out as one horizontal booking bar; a drawn neighbourhood map as the opener, with numbered pins for each stop or campus and a list of names, addresses and times beside it; pointing at a list item lights up its pin. Built for mobile pantries, multi-site churches and bus routes. Variants: a = map on the left, headline and stop list on the right; b = headline across the top, a wide map, and the stops as columns beneath; c = a route: stops as a connected timeline beside a map with the path drawn between pins; A 'What do you need today?' search that filters real services as you type, for organisations whose visitors arrive with an urgent need
Typography
Barlow Condensed was drawn from California highway signage, and Overpass from Highway Gothic, the face on every green interstate sign. Together they speak the visual language drivers read eleven hours a day, so the site feels like part of the road. Headings stay in mixed case, the way exit signs are, and the body is set at 18px because many visitors are reading on a small screen in a dim cab.
Color
The palette is the lot at night: interstate-sign green for actions, the amber of sodium lamps over the fuel island for highlights, and a green-black sky. The dark theme comes first because most visits happen after sundown. The light theme borrows the pale caliche dust of Panhandle concrete and keeps the green deep enough for small text.
Layout and navigation
A floating dock keeps the seven pages under the driver's thumb, with icons as well as words. The chaplain button sits in the top bar on every page. Pages are named for what a driver needs, such as Find us, Stranded and Chaplain, rather than for how the ministry is organized.
The hero
The opening screen is a drawn route along I-40 from mile 64 to mile 85, with every place the chaplains show up during the week. A driver can see in one look whether the chapel or a lot walk is on their side of town tonight. The chapel itself is pin three, with its row number and hours.
Calls to action
The main action is Ask for a chaplain, because the call at 1 AM about a wreck or a death at home is the reason this ministry exists. Secondary actions are literal: Find row 14, Get help tonight, Pack a care bag. The phone number appears in full wherever it helps, because many drivers would rather call than fill in a form.
Photography
Drivers in their cabs, conventional-nose trucks on open highway, and chaplains who look like the retired drivers and Panhandle church folk who actually staff places like this. The portraits are deliberately varied, because the people at a truck stop at midnight come from every state and many faiths.
Accessibility
Generous body size, high-contrast text in both themes, and a live open-or-closed status worked out from the hours so nobody has to do arithmetic across time zones. Phone numbers are tap-to-call. The forms ask for as little as possible and say plainly that nothing is passed to a carrier or dispatcher.
Type system
- DisplayBarlow CondensedBarlow Condensed grew out of California highway signs and license plates, so headings read like the green board that tells a driver which exit is next.
- TextOverpassOverpass is drawn from Highway Gothic, the lettering on every interstate sign, and its open shapes stay readable on a phone propped on a steering wheel at 2 AM.
- AccentOverpass MonoThe mono cut sets mile markers, row numbers and phone numbers so they line up like a logbook.
Colour and contrast
Every text pairing is checked against WCAG 2.2 in both themes.
Dark theme
| Pairing | Sample | Ratio | WCAG |
|---|
| Body text on page | Aa | 15.83:1 | AAA |
| Body text on cards | Aa | 14.17:1 | AAA |
| Secondary text | Aa | 6.98:1 | AA |
| Links | Aa | 8.85:1 | AAA |
| Button text | Aa | 8.97:1 | AAA |
| Accent label text | Aa | 10.3:1 | AAA |
| Text on dark bands | Aa | 16.7:1 | AAA |
| Muted text on dark bands | Aa | 8.34:1 | AAA |
| Text on brand bands | Aa | 8.97:1 | AAA |
| Muted text on brand bands | Aa | 5.51:1 | AA |
Light theme
| Pairing | Sample | Ratio | WCAG |
|---|
| Body text on page | Aa | 13.85:1 | AAA |
| Body text on cards | Aa | 15.44:1 | AAA |
| Secondary text | Aa | 5.61:1 | AA |
| Links | Aa | 5.81:1 | AA |
| Button text | Aa | 7.01:1 | AAA |
| Accent label text | Aa | 4.9:1 | AA |
| Text on dark bands | Aa | 13.85:1 | AAA |
| Muted text on dark bands | Aa | 7.37:1 | AAA |
| Text on brand bands | Aa | 7.01:1 | AAA |
| Muted text on brand bands | Aa | 4.71:1 | AA |
