Website Design Guide
A living library of sections, styles, and examples for building clear, consistent Project Rescue pages.
Why? Because we steward our time well, and love to look awesome.
Welcome to the Project Rescue Website Design Guide. This page is here to make building and updating our site simple, consistent, and mission-aligned. Here you’ll find example sections for every major part of the website—each with notes on purpose, layout, content types, and best practices.
Use this guide whenever you create a new page or refresh an existing one. It’s designed to help us move faster, stay visually unified, and tell hope-filled stories with clarity—so every page feels unmistakably Project Rescue…
No matter who builds it.
Now…
Let’s establish some rules.
Here are the GOLDEN RULES for Project Rescue
(and great web design rules in general)
1. Start with the job the user is trying to do
Before colors or fonts, get crystal clear on the primary actions you want visitors to take (learn, buy, sign up, donate, contact, etc.).
Every page should support one main purpose.
4. Keep navigation simple
Fewer top-level items beats a giant menu.
Use familiar labels (“About,” “The Issue,” “Take Action,” etc.) unless you have a strong reason not to.
2. Make it obvious what the site is and what to do next (in 5 seconds)
Clear headline, short subhead, and a visible primary call-to-action near the top.
If people have to “figure it out,” they bounce.
5. Consistency builds trust
Same fonts, button styles, spacing, and tone across pages.
Predictability makes the site feel professional and easy.
3. Design for scanning, not reading
Users skim. Use meaningful headings, short paragraphs, bullets, and visual breaks.
Put the most important info first.
6. Strong visual hierarchy
The eye should know what’s most important instantly.
Use size, contrast, spacing, and placement to guide attention.
7. Whitespace is not wasted space
Breathing room improves comprehension and makes everything feel cleaner and higher-end.
Crowded layouts feel stressful and chaotic.
10. Speed = user love + SEO love
Compress images, reduce heavy scripts, avoid bloated plugins.
A slow site quietly kills conversions.
8. Accessibility is non-negotiable
Good contrast, readable font sizes, alt text, keyboard navigation, captions, etc.
It helps everyone, not just users with disabilities.
9. Mobile-first, always
Most traffic is mobile. If it’s not great on a phone, it’s not great.
Large touch targets, fast load times, and simplified layouts matter.
How to use this guide…
REferencing the site map
The site map is your key; Your reference to our whole site. Everything is linked. Everything is available.
Situation: Let’s say you are building a new landing page.
Now this isn’t a landing page we have templates for (those come later).
You still need to stay on brand, design a page so clear and concise that people who visit never want to leave. They just want to stay and read and join our mission.
Keep the Golden Rules in mind and start your build.
First, what is the goal of your page?
Choose the section types according to the goal and what our audience will do on that page.
Are you informing? Are you encouraging action Are you asking they to give directly?
The Site Map will have section and pages listed out with links to the sections you will need to build from. Click the link and save the section to favorites 🖤.
Go build your page (saving it to the appropriate dropdown) using all your saved sections.
Navigation
Let’s talk about the big 3
The Issue
About sex trafficking and sexual exploitation
About Us
Our history, credibility, and mission
If we add additional navigation, the basic sections should look the same. Hero banner, videos, subheadings paired with buttons, etc.
Take action
Invitation and encouragement to take part in our mission,
Some pages are as simple as using a template and filling in content accordingly.
You can find these in Squarespace Pages or view them here for reference.
Always duplicate the template first so we can continue to use it.
Delete these notes after you have used them.
The site map. A map of the site.
And how you can build out something new.
Homepage
Mission Overview
Video Section
Impact Metrics
The Issue
The Dangers of Slavery
Statistics & Impact
Survivor Realities
Linked Story: Amy's Story
About Us
Mission
History
Global Network Overview
Linked Story: Mariana’s Story
FAQs
Global Partner Network Overview
Stories
Site by section type
Informational Pages
The Issue
About Us
Our Team
Media
Education
Financials
Privacy Policy
Contact & Support Pages
Contact Us
Careers
Story Pages
Stories of Hope (list)
Individual survivor stories
Action Pages
Donate / Partner
Prayer Partners
Rescue & Restore
Internships
Freedom Challenge
Host a Rescue Day
Take Action
Rescue & Restore Program
Program Overview
Training & Equipping Model
Media
Media Resources
Downloads
Brand Contacts
Education
Learning Resources
Curriculum
Careers
Job Listings
Contact
Form
Addresses
Financials
Annual Reports
Financial Transparency
Privacy Policy
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
It all begins with an idea. Or maybe you have a creative project
Whatever it is, the way you tell your story online can make all the difference.
Heading 4
Heading 4
Paragraph 1
Paragraph 1
Paragraph 2
Paragraph 2
Paragraph 3
Paragraph 3
Title
Subtitle
Words and more words.
Page Sections
For you to save and build to your heart’s content
Hero Banners
On block color
ON photo background
with supporting line.
Hero banner
3 pillars/3 content list
-
Item 1
description
-
Item 2
description
-
item 3
descprition
through the Love and Power of God.
Our 3 areas of holistic work serve to care for survivors and prevent continued cycles of exploitation.
PREVENTION
Creating a culture of awareness by educating families in high-risk areas and providing residential care programs.
INTERVENTION
Launching initiatives to build relationships and physically rescue women and children.
RESTORATION
Meeting the ongoing, holistic needs of women and children to create lasting change after rescue.
Carousels
Our Initiatives
-
![]()
Direct Intervention
-
![]()
Awareness & Prevention
-
![]()
Detention Center Outreach
-
![]()
Red-light District Services
-
![]()
Aftercare Homes
-
![]()
Education Programs
-
![]()
Night Care Shelters
-
![]()
Income Generation Projects
-
![]()
HIV/AIDS & Medical Care
-
![]()
Emergency Response
-
![]()
Refugee Camp Outreach
-
![]()
Trauma Counseling
-
![]()
Legal Assistance
-
![]()
Vocational Training
-
![The Oasis café after renovations]()
Description/caption
Title
-
![]()
Topic
Summary or description
Her Hope Starts Here
-
![]()
Western Africa
-
![]()
Europe
-
![]()
Middle East
-
![]()
Southern Asia
-
![]()
Asia Pacific
-
![]()
Latin America
-
![]()
Central Asia
Page Bottom CTA
Partner with us today to bring hope & healing to the millions of people who are impacted by sexual slavery and exploitation.
Your investment will help survivors and at-risk children like Munira continue to find hope and new life!
Freedom is her future
Your investment will help us provide survivors and at-risk children like Anna with a safe place to find hope and new life!
Take Action paired with PHoto
Get monthly ministry updates
HOPE. IN. ACTION.
Our newsletter shares the latest news, stories, and project updates from the Project Rescue network across the world.
Become skilled to care for survivors.
Rescue & Restore exists to train individuals and equip the Church to minister to those who have been sexually exploited so that they might find dignity, healing, and a new life in Christ.
Join the Freedom Challenge
During June and July, this is a FREE, active way for you to join our Mission. Every mile—whether you walk, run, swim, paddle boat, or pickleball your way to the finish line—is dollar-matched to bring freedom to survivors.