Design Teardown

This is a Heat Map clone of the web page at smashingmagazine.com

The job is to create a grayscale heat map of the website that indicates which elements have the greatest weight in the visual hierarchy. For inspiration, check out this image from vanseodesign.com which compares a site layout with no differentiation on the left to one with a thoughtful hierarchy on the right. Your final product will look much like the site on the right.

Built With

• HTML,
• CSS

Milestone

• To match the original at smashingmagazine.com as much as possible

Live Webpage

Click Here

Authors

👤 Shubham Singh

• Github: @shubhsk88
• Twitter: @shubhski
• Linkedin: linkedin

👤 Emilio Contreras

• Github: @emiliocm9
• Twitter: @emiliocm31
• Email: email

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• This page is inspired by the Smashing Magazine
• Used Google Fonts for the fonts