Web UI Design Project-01
0 likes300 views
The document outlines the web UI design for a five-page website, detailing the creation of brand identity elements using Adobe Illustrator and Photoshop. It includes color specifications, font choices, and acknowledges the use of CC0 licensed images. A prototype of the design is available for viewing on desktop via a provided link.
Web UI Design Project-01
- 1. 01© Sebbe Isaac Kurian
- 2. Web UI Design The site design is a 5 page, Fixed Width Layout. The Brand Identity, Logo, Buttons, Icons, etc. were created using Adobe Illustrator, and the Website Template in Adobe Photoshop. Acknowledgments The Nature and Landscape pictures are CC0 licensed images from www.pexels.com, and the People pictures are from the Free Stock Photos collection provided by www.hubspot.com
- 3. Brand Identity Design Fonts Roboto 400, 400 italic, 700 Nova Square Colors #FFFFCC Light Yellow 255, 255, 204. #F0E6AA Dark Yellow 240, 230, 170. #CCFFCC Light Green 204, 255, 204. #009966 Dark Green 0, 153, 102. #A52A2A Brown 165, 42, 42. #555555 Dk-Grey (75%) 85, 85, 85. #707070 Md-Grey (65%) 112, 112, 112. #B7B7B7 Lt-Grey (35%) 183, 183, 183.
- 4. 25K 25K 780 780 123 123 3.0K 3.0K
- 10. Prototype View the Prototype created using HTML and CSS at: https://happysebbe.github.io/web-portfolio-01/bofftrak/index.html Note: The Fixed Width prototype is Best Viewed on Desktop. https://www.linkedin.com/in/happysebbe https://www.twitter.com/happysebbe https://www.facebook.com/happysebbe