GitHunt
KA

KaushikShivam/smashing_magazine

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.

Design Teardown Project of The Smashing Magazine

Design Teardown Project

Table of content

Description

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

Installation

  1. Clone the project to your local directory
git clone https://github.com/KaushikShivam/smashing_magazine
  1. 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)

Contact

This template was created in collaboration with Rodolfo and myself
You can contact Rodolfo at:

You can contact me at:

Languages

HTML64.6%CSS19.6%JavaScript15.8%

Contributors

Created July 16, 2019
Updated March 16, 2020
KaushikShivam/smashing_magazine | GitHunt