GRACE 101
WHERE GRACE MEETS NEW BEGINNINGS · INTAKE PORTAL · DONOR TRUST
CLIENT
Grace 101 ILH
ROLE
Web Designer · Brand Strategist · Information Architect
LOCATION
Houston, Texas
YEAR
2026
DELIVERABLES
- — Responsive Digital Sanctuary Experience
- — Streamlined Resident Intake Form
- — Community Partner & Referral Portal
- — Transparent Living Program Showcase
- — Donor & Foundation Trust Architecture
- — Accessibility (WCAG 2.2 AA Compliance)
01 · THE BRIEF
Supportive housing websites often suffer from clinical, impersonal layouts or bureaucratic clutter that intimidates vulnerable applicants and fails to inspire community donors.
Grace 101 Independent Living Home in Houston provides women in transition with safe, supportive, and dignified housing. The organization needed a website that radiated warmth, emotional safety, and professional legitimacy: making resident applications seamless, family questions clear, and donor partnerships frictionless.
02 · STRATEGY & INFORMATION ARCHITECTURE
01 · EMPATHY
Applicants seeking transitional housing often access services from mobile phones in stressful environments. We designed single-column, clear typographic flows with reassuring language, clear eligibility criteria, and immediate phone/form access.
02 · DIGNITY
Chose a sanctuary visual language: warm alabaster creams (`#FFFDF8`), restorative deep midnight navy (`#00172F`), warm sanctuary gold (`#D8A333`), and Cormorant Garamond editorial serif typography that communicates honor, rest, and safety.
03 · TRUST
Created transparent feature cards illustrating daily life, life-skills development, structured accountability, and community partner referral integrations.
03 · DESIGN SYSTEM (SANCTUARY WARMTH)
Every color and typographic choice was crafted to establish an atmosphere of calm confidence, restorative living, and organizational integrity.
#FFFDF8
Alabaster Cream
// Live Site Sanctuary Base Canvas
#00172F
Sanctuary Navy
// Primary Brand Identity
#D8A333
Sanctuary Gold
// Apply CTA & Action Button
#172033
Deep Slate Navy
// Readable Editorial Text
#C57B57
Terracotta Clay
// Warm Foundation Accent
#E8B84A
Sunlit Amber
// Hover State & Highlights
// PRIMARY DISPLAY TYPE (CORMORANT GARAMOND)
Grace & Sanctuary
// HEADINGS · MISSION STATEMENTS · PROGRAM TITLES
// WORKING UTILITY TYPE (INTER)
Resident Portal
// INTAKE FORMS · ELIGIBILITY CRITERIA · BUTTONS
04 · ACCESSIBLE MOBILE INTAKE
Ensuring that individuals in need of emergency or transitional housing can easily review requirements, check open bed status, and submit intake inquiries directly from any smartphone.
05 · IMPACT & COMMUNITY TRUST
AA TARGET
// ACCESSIBILITY REVIEW SCOPE
Contrast, semantic structure, keyboard flow, and screen-reader intake review.
3 Steps
// INTAKE ONBOARDING
A structured resident waitlist keeps the required information together for staff review.
Houston, TX
// COMMUNITY PRESENCE
Contact and referral information is organized for nonprofit partners and coordinators.
EXPERIENCE THE LIVE PRODUCTION PLATFORM