HOME PAGE
Navbar/Header Style:
Background: color: white;
box-shadow: 0 10px 10px black;
Top Bar Links: (Contact us & Language)
color: #4d4d4d;
font-size: 26pt;
font-family: ITCFranklinGothic LT Pro CnDm;
Search Bar: color: #666666;
font-size: 26pt;
font-family: FranklinGothic URW Medium; border: 2pt solid #4d4d4d;
Bottom Bar Links: (Bike thru Company) color: #333333; font-size: 33pt; font-family: ITCFranklinGothic LT Pro CnDm;
Hover Color: (Carbon Drive Blue)
color: #41B6E6;
Two Layer Title Variant 1:
Top: color: #41B6E6; font-size: 45pt; font-family: FranklinGothic URW Demi; line-spacing: 80%;
Bottom: color: black; font-size: 105pt; font-family: FranklinGothic URW Heavy; line-spacing: 80%;
Paragraphs: color: black; font-size: 26pt; font-family: FranklinGothic URW Book;
Product Tile Component: color: white; font-size: 28pt; font-family: FranklinGothic URW Demi; - Background of text is black. Goes from around 70% opacity to 100% when hovered over. Image should also zoom in when hovering like on Gates.com
Gradient: (Top to Bottom variant)
background: rgb(36,33,34); background: linear-gradient(180deg, rgba(36,33,34,1) 39%, rgba(77,77,77,1) 100%);
Secondary Title Style: color: black; font-size: 75pt;
font-family: FranklinGothic URW Demi;
color: #4D4D4D;
Gradient: (Left to Right variant)
background: rgb(36,33,34); background: linear-gradient(260deg, rgba(36,33,34,1) 58%, rgba(77,77,77,1) 100%); box-shadow: 0 10px 10px black; (may need adjusting but you can see there is one at the bottom of this section)
color: #E5E5E5;
color: #4D4D4D; font-size: 60pt; font-family: ITCFranklinGothic LT Pro CnDm
Selected Page Border:
border: 2pt solid #333333; border-radius: 25px; (this may not be correct but a border radius is needed here)
Secondary Nav: background-color: #F2F2F2; color: #4d4d4d; (color of text)
font-size: 33pt; font-family: ITCFranklinGothic LT Pro CnDm;
Secondary Title Style:
color: black; font-size: 75pt;
font-family: FranklinGothic URW Demi;
Paragraphs:
font-size: 26pt;
font-family: FranklinGothic URW Book;
background-color: #41B6E6;
Two Layer Title Variant 2:
Top: color: #41B6E6; font-size: 55pt;
font-family: FranklinGothic URW Demi; line-spacing: 80% (this may need adjusting but line spacing should be closer together than default)
Bottom: color: Black; font-size: 75pt;
font-family: FranklinGothic URW Demi; line-spacing: 80% (this may need adjusting but line spacing should be closer together than default)
color: #E5E5E5;
Third Title Style: font-size: 75pt; font-family: ITCFranklinGothic LT Pro CnDm; (demi variant)
color: Black; or color: White; or color: Carbon Drive Blue (#41B6E6)
Resource Links: color: #41B6E6; font-size: 36pt; (may need adjusting)
font-family: ITCFranklinGothic LT Pro CnMd ; (medium variant)
