Design Teardown Project is built to understand visual hierarchies with the heatmap. In this simple project, we broke apart the website for a popular design magazine. The goal for this exercise was to train ourselves to think in terms of visual hierarchy, typography and design principles.
We created a grayscale heat map of the website that indicates which elements have the greatest weight in the visual hierarchy. Reference link
- Clone the project to your local directory
git clone https://github.com/KaushikShivam/smashing_magazine
- Open the index.html file in your browser to view the website in all its glory (Live-server is recommended to view live changes automatically)
This template was created in collaboration with Rodolfo and myself You can contact Rodolfo at:
You can contact me at: