ViriCruz / design-teardown

This project is a greyscale heat map of the Smashing Magazine, is designed to start thinking in the visual hierarchy of the different elements in a webpage.

Gray scale heat map representation

This project is a greyscale heat map of the Smashing Magazine, is designed to start thinking in the visual hierarchy of the different elements in a webpage. Also, the structure and methodology of The Odin Project were implemented along with many of the UX UI design techniques.

Live Version

Try the live version here.

Built With ✨

• HTML5
• CSS3

Install

Download the files located on the master branch and, open index.html in your browser.

Usage instructions

This does not contain any behavior, feel free to compare the original page and, grayscale heat map.

Potential future features

• Add a different google font to see how it changes the main purpose of this project.
• Add a font/weight combination that approximates to the original Smashing homepage.

How to contribute and participate

Fork this repo and submit a PR for review and potential merge to the main branch. Feel free to leave feedback. 😄

Authors

👨‍💻 Gabriela Cruz

• Github @viricruz

• Email me at [e-mail]

• LinkedIn @viricruz

👨‍💻 Carlos Del Real

• Github @carloshdelreal

• LinkedIn @carloshdelreal