Check out this PS tutorial to find out how to can make a beautiful music streaming design in Photoshop. Try using resources like Cameron McEfee's GuideGuide (opens in new tab) Photoshop extension to make custom grids easy and accurate. Your size set for the logotype with size 40 is so big in my Photoshop that I discard the Idea of keeping same size and I used the font size according to my assumption. Whether you're creating website mockups or designing individual site elements, Photoshop is a great option.
If you’re looking to get to grips with creating websites, one of the first skills you’ll need is to be able to create a concept Website design in Photoshop.
Can you use Photoshop for web design?
Vector-based elements like text and pixel-based images and shapes will transfer seamlessly between Photoshop and Adobe XD. The web designer can use design programs like Adobe Photoshop to create a layout and visual elements of the website. With Photoshop, you can experiment with different colors, fonts, and effects to create the perfect graphic for your website. You can easily create colour variations and alterations of the layouts with CCS coding, unlike with Photoshop, which takes much more time to edit and regenerate slices.
Photoshop is primarily a graphic design software, and therefore it is not the appropriate program to design a website.