Brand

Overview

Style Guidelines

Example Landing Pages

Primary Colours

ColourExample UseHex
BlueMain Blue Accent#0C5CCC
Dark GreyTypography Dark#282E36
BlackOverlay / Frame Dark#00000
WhiteLight Background#FFFFFF

Secondary Colours

ColourExample UseHex
BlueBlue Accent Hover#153FA8
Light BlueBlue Text Shadow#D9EDFA (.91 Opacity)
Light BlueOption A Blue Overlay#F2FAFE (.84 Opacity)
Light BlueOption B Blue BG#F7FBFE

Fonts

FontExample UseSource
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

TextDesktopMobile
H154px | 1.0575 | -1LS31px | 1.08 | .2LS
H240px | 1.15 | -.55LS30px | Inherit | Inherit
H331px | 1.2 | 0LS30px | Inherit | Inherit
Super H1125px | Inherit | Inherit85px | Inherit | Inherit

Body Text

TextDesktopMobile
Body21px | 1.5 | 0LS Regular18px | Inherit | Inherit
Button15px | .25LS | Bold Uppercase
CTACallout text only 16px | .2LS Uppercase or Regular