Prayer Social Design Systems

Project Background

App Theme/Mood: Community, Support, Mental Health, Guidance, Spiritual Connection.

Apps Explored: Church Centre, PrayerMate, Praybook, Threads, ios Clock, ios RemindersWebsites-used: Dribble, Behance

Site goals:

Provide Support: Offer resources and tools for users seeking spiritual and mental health support.

Foster Community: Create a space where users can connect, share their experiences, and offer support.

Facilitate Engagement: Encourage users to actively participate through posts, comments, and interactions.

Colour Palette: (Good readability and simplicity of neutral black and white colors and the Blue color accent conveys trust, calmness, loyalty)

Primary Color: Slightly unsaturated Black for the main backgrounds, headers, and primary text to create a strong foundation.

Secondary Color: Utilize Charcoal Gray for secondary text, borders, or sections to provide contrast and depth.

Accent Color: Blue with around 70% saturation for buttons, call-to-action elements, and important notifications to draw attention and encourage interaction.

Background Color: Incorporate Light Gray for backgrounds or card elements to create a softer visual experience while maintaining readability.

Hover Effects: Use Sky Blue for hover effects on buttons and links to add a dynamic, interactive feel.

Libraries and Assets:

  • Icon Libraries: Mainly Iconify with several Hero Icons.

  • Component Libraries: Material Design 3 for importing various buttons and other reusable components.

  • Font Choices: “Cardo” for a traditional feel and “Montserrat” for readability.

Image Libraries: Untitled UI for free avatars and Unsplash Library for other images.

More by Abdul Hamid Mahi

View profile