Style Guide
Page margins on both sides are:
7% = Desktop
5% = Landscape & Potrait Tablet
2% = Mobile
Top and bottom = 45px from header and footer
#FF7901
#374F6B
#CE482D
#FFFFFF
#E0E4E8
#B6BFC9
#000000
This is an element to display call-out text. It should be important, but not too long-winded.
This is an element to display call-out text. It should be important, but not too long-winded.
Page title –
D: 34px, TL: 34px, TP: 34px, M: 34px
is only used as the main page title. It is always set as H1.
Subtitle –
D: 34px, TL: 34px, TP: 234px, M: 34px
used under the page title and is typically only used at the top of the page as the main introduction to the page. either be H1 (Dual Header widget) or < p >
Section Header –
D: 30px, TL:30px, TP: 30px, M: 30px
used as main title of each section on a page. They are typically set as H2
Section Subheader –
D: 30px, TL:30px, TP: 30px, M: 30px
primarily used as a secondary title under the main section header. If no other headers are used they can be set as H2 (Dual Header widget) or < p >
Heading –
D: 24px, TL:24px, TP: 24px, M: 24px,
primarily used as a category title within a section. If no other headings are used they can be set as H3.
Subheading –
D: 24px, TL:24px, TP: 24px, M: 24px
primarily used as a section heading under the main subheading. If no other headings are used they can be set as H4
Paragraph text –
D: 18px, TL:18px, TP: 18px, M: 18px
is used on any large body of text. It is never set with an Htag. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum cursus lacinia fringilla. Donec volutpat porta ligula, ut maximus turpis euismod id. Nam vestibulum congue mi. Sed lectus arcu, pulvinar eget faucibus sed, euismod ut sapien. In in dapibus enim. Aliquam tincidunt vitae sapien in accumsan.
404 Message / Search not found / form submission confirmation
