Brand
Overview
Style Guidelines
Example Landing Pages
Primary Colours
Colour | Example Use | Hex |
Blue | Main Blue Accent | #0C5CCC |
Dark Grey | Typography Dark | #282E36 |
Black | Overlay / Frame Dark | #00000 |
White | Light Background | #FFFFFF |
Secondary Colours
Colour | Example Use | Hex |
Blue | Blue Accent Hover | #153FA8 |
Light Blue | Blue Text Shadow | #D9EDFA (.91 Opacity) |
Light Blue | Option A Blue Overlay | #F2FAFE (.84 Opacity) |
Light Blue | Option B Blue BG | #F7FBFE |
Fonts
Font | Example Use | Source |
Rubik Bold Rubik Medium | Headline Font Special CTA Call Out | Google Fonts |
Karla Bold Karla Regular | Body Buttons Small CTA Call Out | Google Fonts |
Headline Text
Text | Desktop | Mobile |
H1 | 54px | 1.0575 | -1LS | 31px | 1.08 | .2LS |
H2 | 40px | 1.15 | -.55LS | 30px | Inherit | Inherit |
H3 | 31px | 1.2 | 0LS | 30px | Inherit | Inherit |
Super H1 | 125px | Inherit | Inherit | 85px | Inherit | Inherit |
Body Text
Text | Desktop | Mobile |
Body | 21px | 1.5 | 0LS Regular | 18px | Inherit | Inherit |
Button | 15px | .25LS | Bold Uppercase | |
CTA | Callout text only 16px | .2LS Uppercase or Regular |