Aloha Project

Responsive Website Design Project ![banner image] (screenshots/ScreenShot1.jpg)

Technologies Used for Project

• CSS
• html5
• Google Chrome Dev Tools
• Sublime Text

Design Specifications

Typography:

• The base font size is 16px for all screen width 600px and up (the mobile base font size is 14px)
• The body font family is Raleway Light
• The headings font family is Playfair Display

Colors:

• The HEX code for the body font colour is #2d2d2d
• The HEX code for the light grey text colour is #969696
• The HEX code for orange brand colour is #e2574c (used for links, some headings, and buttons)
• The HEX code for the link hover state colour is #b64036
• The HEX code for the light grey border colour is #d7d7d7
• The HEX code for the dark grey background colour is the footer is #242424

Screen Sizes:

• The width of the desktop-friendly content area is 1240px
• Be responsively designed using a mobile-first approach
• Be optimized for 3 screen sizes: mobile, min-width: 600px and min-width: 1240px