Login Form for Three Scoops – Design and Code

Here’s a quick design for the login form for Three Scoops Dessert Shop (completely made up name!. Hey, if you think it’s lame, suggest a better one :P).

It’s a difficult task to make something look simple and lively. I did not want to add too many details to the graphics because that would take the focus away from the main thing – logging in. But, it’s a dessert shop, so it couldn’t be completely dull either. I decided to go with colors with high saturation and lightness. I, thankfully, found a very beautiful image by @rawpixel of Pexels. And of course, I’ve used Montserrat Black font to keep things looking professional.

three scoops login desktopthree scoops login mobile


Download Details

You can download the resources for this design here. Download includes

  • A PSD
  • Some screenshots
  • HTML, CSS, and JS source files. (for the latest Chrome, FF, and Edge – I’m sorry, I didn’t have the patience for IE)


Please note that the PSD is converted from Affinity Designer. I do not have Adobe Photoshop at the moment :(. Let me know if you come across any issue, I’d be more than happy to help you out.


Leave a Reply

Your email address will not be published. Required fields are marked *