Web Styleguide
Please select a section below for our website standards and code snippets:
Typography
Typography
Our primary web font is Lato (from Google Fonts).
<link href="https://fonts.googleapis.com/css?family=Lato:100,300,400" rel="stylesheet">
Header 1
Lato Light 300, 60px, #2c2c2c
Header 2
Lato Light 300, 44px, #2c2c2c
Header 3
Lato Light 300, 36px, #2c2c2c
Sub-header
Lato Light 300, 24px, #2c2c2c
Body copy
Lato Light 300, 16px, #2c2c2c
Lato Light 500, 16px, #0070a3
Disclaimer copy
Lato Light 300, 12px, #2c2c2c
Colours
Colours
Blue
Buttons, LinksRGB: 0, 112, 156
Hex: #00709c
Dark Grey
TextRGB: 59, 59, 59
Hex: #3b3b3b
Red
Error MessagingRGB: 207, 32, 67
Hex: #cf2043
Light Grey
BackgroundRGB: 236, 236, 236
Hex: #ececec
Light Blue
BackgroundRGB: 157, 233, 255
Hex: #9de9ff
Blue
BackgroundRGB: 102, 206, 255
Hex: #66ceff
Green
BackgroundRGB: 99, 237, 201
Hex: #63edc9
Orange
BackgroundRGB: 255, 116, 102
Hex: #ff7466