Overview
Yatim's Light (نور اليتيم) is a website for a charity that supports orphans through education, care and community.
The challenge
Charity sites often rely on guilt or urgency. This one needed to feel dignified, warm and hopeful, build trust, and make it easy for people to give or reach out.
Approach
Light as the idea. A gold star mark on a deep night background, and the line "Be the light that reaches an orphan's heart before the night does." set a calm, hopeful tone.
Stories before asks. "Real stories from real lives." and "Faces that remind us why it matters" show children's progress with respect, not pity.
Why it exists. A founder section explains the purpose in a personal voice, which builds trust.
Clear ways to help. "Care is a practice, not a performance." lists the areas of support: education, being there in hard times, making room for joy and using your voice.
A gentle contact. "Reach out, share, inspire." ends with a simple way to start a conversation.
Design system
A deep night-blue base with gold and soft teal accents; a classic serif with italic emphasis; warm photography; bilingual branding with Arabic and English.
Scope and build
Website design and build: designed in Figma and built in Framer.
What I learned
For sensitive causes, tone is the design. Every choice, from color to copy, had to protect the dignity of the people shown.