Twelve Stones Recovery

Why it looks this way.

Typography

Schibsted Grotesk was drawn for a Scandinavian news group, and it carries that plain newsroom voice: heavy, short, no flourish. Set at 800 with tight tracking, the headlines sound like someone talking straight to you. Piazzolla, a sturdy serif built for small text, carries the long stories so they read like letters rather than marketing.

• Schibsted Grotesk headlines
• Piazzolla body text

Color

The palette comes from the riverbed in Joshua 4: limestone gray for the page, wet slate blue for the brand, and the peach of first light for the accent. It is calm on purpose. Nothing flashes or shouts, because many visitors arrive anxious, ashamed or still using. The dark theme is a deep slate night, with the peach warmed so it still reads at 3 AM.

• Page #E8E7E2
• Cards #F6F5F1
• Text #1C2024
• Brand #2E4556
• Accent #E08A62

Layout

A classic top bar, because nobody in crisis should have to learn a menu. Six plain page names and one button that never moves: Talk to someone tonight. On a phone the button stays beside the menu icon.

Pages: Home, Meetings, Gilgal House, Families, Stories, Help out

Hero

The first screen is a call-back form beside a tall photograph of men praying over a friend. Calling a stranger is the hardest step, so we made asking for a call even easier: a first name and a number. The reassurance list answers the fears people actually tell us about: cost, police, family finding out, and whether the person calling back really understands.

Calls to action

Each action names the next real step: Talk to someone tonight, Find Tuesday's meeting, Ask about a bed, Come to Family Circle, Sponsor a bed. There is no Learn more anywhere, and giving is kept off the main bar so a person looking for help never sees a donation ask first.

Photography

Circles of chairs, men holding each other up, a woman laughing on a bench, coffee on a table. Ordinary adults in ordinary rooms, never a staged sad face or a needle. Every testimony uses a first name and last initial, the way recovery rooms protect anonymity.

Accessibility

Body text is 18px with generous spacing, and every color pair passes 4.5:1. Forms label every field, mark what is optional and never require an email. The 24-hour number is a tappable link on every page, and the crisis line and 988 appear wherever someone might be in danger.