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.