Profile Settings Dark Mode

The idea for this project began with the concept of designing a clean and functional profile settings screen. I started by sketching out the layout, focusing on user-friendly placement of key elements like icons, labels, and toggles. Once the structure felt intuitive, I chose the icon and text colors. Around this time, I had already established a consistent typography system, so integrating the colors into the design while maintaining visual hierarchy was a smooth process.

After finalizing the light mode design, I shifted focus to creating a visually cohesive dark mode. I researched color systems and accessibility principles to ensure legibility and proper contrast.This led me to adjust the text and icon colors to lighter tones to maintain readability against a dark background. I also defined toggle switch states with thoughtful color choices. Through these iterative decisions and refinements, the final design came together with both functionality and aesthetics in mind.