DailyUI: Challenge #015

I created this design for the 15th DailyUI challenge. The idea for this design came from the settings app on my phone, I saw an on/off switch there and wanted to replicate it.

There's a working prototype for this design! You can find it here.

Technical Details:

• colors: #D9D9D9, #FA6BFF, #FFC0CB, #FFF

• effects: drop shadow (x:0; y:0; blur:5; spread:0; color:#000, 25%)

Update: 7/29/23

After receiving feedback from another friend on Slack, I improved my design by shortening the switch. I think it looks a lot better now, literally by taking off 25 or so pixels 🤯