Design and integrate a clean and smooth mockup

I am creating my drumscore website and I would like you to create AND INTEGRATE a mockup. I have 2 pages to design, the home page and the detail page. The website has to be responsive. The logo is still being designed, so you're free on the colours. However, the background should be whitish, I would like a dark gray to be involved, and something like a light blue for buttons and such. I accept the use of CSS frameworks such as PureCSS or Skeleton (or such), however I do not want my website to use Bootstrap nor Foundation, which I find far too "big" for such a little project. Plus, I dislike the general feel of both frameworks. The home page mockup can be seen in home.png. The horizontal menu on top has to feature dropdowns. The hovering effects desired are just a change in color, nothing more. You can replace the logo with anything you want at the moment. The home page will feature a big search bar, with a drop down menu at its left so people can chose what category they're searching in. Finally, the home page will feature tables which feature the newest and best scores currently available. The detail page can be found in [login to view URL] I didn't add everything, but basically it will feature the description of the score, social media buttons (share, etc), a rating system so people can rate the score, and a PDF preview of the score (I recommend this solution : [login to view URL]). If you have any question, please tell me. I know there's not much information, but eventually, it's just a very clean "googlish" page I'm asking for... :) Websites I like a lot in term of feeling : [login to view URL] [login to view URL]