ldelbel / design-teardown

This project is a study about client attention distribution in webpages, using UX/UI concepts. Made with HTML & CSS.

Design Teardown

In this project, my partner and I explored the UX and UI concepts, focusing on the correct use of contrasts to effectively guide the users throught the importance hierarchy of the content. We gained a deeper understanding of how to position and properly layout elements on the page.

This project covers the following HTML and CSS3 concepts

• UX/UI analysis
• Contrast mapping

Built With

• HTML
• CSS
• Google fonts

Live Demo

Live Demo Link

Getting Started

To get a local copy of the repository please run the following commands on your terminal:

$ cd <folder>

$ git clone https://github.com/ldelbel/design-teardown/

Authors

Luciano Ilha

• Github: @luciano-ilha
• Twitter: @CarbonellIlha
• Linkedin: luciano-ilha-carbonell

👤 Lucas Delbel

• Github: @ldelbel
• Twitter: @delbel_lucas
• Linkedin: lucasdelbel

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

Acknowledgments

• Project originally taken from The Odin Project
• Project inspired by Microverse Program