
Community Awareness Night
Learn the signs of abuse and how to help a friend.

Confidential shelter, counseling and legal help for women and children. Call any time of day. You do not have to face this alone.
Safe Harbor has sheltered women and children escaping violence for more than thirty years. Our location is confidential, our doors are always open to those who call, and our team will walk beside you at your pace.

Every woman who comes to us gets a personal safety plan and an advocate who stays with her. We help with housing, work, school and the next step.

The first night I slept without listening for footsteps. That was the night I knew I could do this.Danielle, former resident

Learn the signs of abuse and how to help a friend.

Call supporters and thank them in person.

Wrap presents for 120 children over cocoa.
Your gift provides safe beds, warm meals and a path to a fresh start.
Design notes
Safe Harbor is a women's shelter site with a full-bleed photograph of friends with arms around each other at dusk, a tan and brown palette and a serif headline. It leads with a 24/7 hotline because a person who needs help should not have to look for it.
Lora Bold sets the headline at about 90 pixels, a gentle serif with calligraphic curves that sounds like a calm voice. Source Sans 3 handles body text and is clear and neutral. The serif adds comfort while the sans supplies the practical information.
The page is warm sand (#EFE6D8) with deep brown text (#3A2619), a chestnut brand colour (#6B3F25) and a muted teal (#3E6F68) accent. The dark theme uses light tan (#D2A27E). The palette is earthy and quiet, and avoids bright colours that might feel clinical or alarming.
A sand bar has a brown logo tile, six links and a brown Donate button. A four-cell strip under the hero shows hours and location, and a stats band reports 24/7 hotline, 210 families sheltered and 85 percent finding stable housing. Circle icons and donor avatars appear lower on the page.
A full-width photo of four people with arms around each other, seen from behind in warm light, fills the first screen. 'You are safe here.' is set in white on a single line. The eyebrow says 24/7 confidential hotline, and a small chip shows the next hotline shift.
'Get help now' is a brown button, and 'How to help' is outlined. The help button is the first thing in the hero, ahead of donation. A real site should also add a quick-exit button, so someone in danger can leave the page at once.
The photo is taken from behind, so no faces are visible, which protects privacy and suits a confidential service. A real shelter must never show the building, its address or any resident.
Dark brown on sand is about 11.5 to 1, and white on the brown button about 9 to 1. Phone numbers should be tap-to-call links. A real build for this audience should also clear browsing history guidance and avoid tracking.
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 | 11.54:1 | AAA |
| Body text on cards | Aa | 12.82:1 | AAA |
| Secondary text | Aa | 5.83:1 | AA |
| Secondary text on tinted bands | Aa | 4.72:1 | AA |
| Links and labels | Aa | 7.19:1 | AAA |
| Button text | Aa | 8.89:1 | AAA |
| Accent button text | Aa | 5.71:1 | AA |
| Footer text | Aa | 11.54:1 | AAA |
| Pairing | Sample | Ratio | WCAG |
|---|---|---|---|
| Body text on page | Aa | 14.96:1 | AAA |
| Body text on cards | Aa | 13.54:1 | AAA |
| Secondary text | Aa | 7.76:1 | AAA |
| Secondary text on tinted bands | Aa | 6.09:1 | AA |
| Links and labels | Aa | 7.96:1 | AAA |
| Button text | Aa | 8.63:1 | AAA |
| Accent button text | Aa | 9.69:1 | AAA |
| Footer text | Aa | 14.96:1 | AAA |
Designed by Greater Purpose Web. Names, people, photos and events are sample content.