Refined Heart, established in 2014, is dedicated to personal spiritual and educational development based on teachings present in the Qur'an and the tradition of the Prophet Muhammad ﷺ. Its programming serves students, professionals, and families through gatherings of remembrance, educational workshops, retreats, and community-based events in the metro-Detroit area.
The brand identity needed to feel sincere, tranquil, and elevated: rooted in tradition, but clear enough for modern nonprofit communications across events, merchandise, advertising, social media, and educational materials.
The challenge
Deliverables
"Refined Heart is dedicated to personal spiritual and educational development through gatherings of remembrance, workshops, retreats, and community-based events."
Brand Overview · Refined Heart Brand Guide 2025Primary horizontal logo
Light version on dark blue
Square mark
For app icons, avatars, compact placements, and spaces where the full logo would lose legibility
Square mark · light
Use on dark blue, deep slate, or image backgrounds where the blue mark loses contrast
Logo rules
Minimum logo size is 70px / 18mm. Minimum clearspace around the logo is 2x, where x is based on the text-logo height.
Do not stretch, recolour, shadow, rotate, crop, rearrange, box in, or place the logo on busy backgrounds.
Primary logo colours
Depth and support
Secondary accents
Usage proportions
Typical balance: 50% · 30% · 10% · 10%. Choose two colours to dominate about 80% of the design, then use two subtler tones for the remaining 20%.
Main H1 headings
Source Serif Pro Bold
Primary heading font for large, reflective brand moments
Alternate headings
Abril Fatface
Alternate display voice for smaller headings
Subheadings and body
League Spartan
Light through Black weights for hierarchy and practical layouts
Arrow pattern · light
A repeatable pattern element composed from arrows within the icon system
Arrow pattern · dark
For dark blue layouts, campaign panels, and contemplative brand moments
Diamond tile
A geometric pattern using the main brand colours, suited to backgrounds, frames, and template systems
Core logo files across square, wide, dark, and light contexts
Brand colours organized into primary, depth, and accent palettes
Pattern directions for arrows, diamonds, and framed layouts