A pixel-perfect desktop homepage clone of Spotify built using only HTML and CSS — no JavaScript or frameworks involved.
Check out the live hosted version here:
https://avdeshjadon.github.io/Spotify-Home/
This project is a recreation of Spotify’s desktop homepage interface focusing purely on frontend skills with semantic HTML and modern CSS techniques. The goal was to replicate the look and feel of Spotify’s homepage as closely as possible without using any JavaScript.
- Pixel-perfect clone of Spotify’s desktop homepage layout
- Uses the exact same icons as Spotify (manually sourced and integrated)
- Montserrat font used as a close match to Spotify’s proprietary font
- Clean and semantic HTML structure for accessibility and SEO
- Responsive layout built using Flexbox and CSS Grid (Note: currently desktop-only version)
- Attention to detail with spacing, typography, color scheme, and animations
- Hosted live on GitHub Pages for easy access and demonstration
- Planning and building complex layouts using only HTML and CSS
- Recreating real-world UI with pixel-perfect precision
- Improving semantic HTML markup and accessibility best practices
- Enhancing skills with Flexbox and CSS Grid for responsive design planning
- Understanding visual hierarchy, spacing, and typography nuances