Perth Mortgage Broker - Style Guide

Container width 1200px
Padding increments 10 - 20 - 40 - 80 - 160
Default column gap 10px

Heading Font - Recolleta

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ

Heading One - H1

23px – weight 500 – Capitalised
Used for descriptive logo – H1 for SEO
Colour #1C789C23

Heading two - H2

32px – weight 500 – Uppercase
Line height 1.5 – Letter spacing 1.4
Colour #156C8C

Heading three - H3

45px – weight 400
Line height 1.35
Colour #156C8C

Heading four - H4

32px
Line height 1.375
Colour #156C8C

Heading five - H5

23px – weight 600 – Uppercase
Line height 1.2

Heading six - H6

16px

Body Font - Montserrat

abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
 
Font size 16
Line spacing 1.5
Letter spacing 0.2

Long Form

Short Form

Brand Colours

#020101

Default text colour

#00072D

#0A2239

#044A6C

#156C8C

Default heading colour

#1C789C

#55BFE0

#75DDFD

#daedf7

#6B717E

#EAEAEA

#DCDCDD

#F7F7F7

#FFFFFF

#81d149

#94d168

#a7d389

#e4ffd1

#FFD9DA

#FFEAEE

#FFF7F8

#FCE7BD

#FDF2DB

Illustrations

Source and recolour from https://www.streamlineicons.com

We work out how much you can borrow
Finding your new home in Perth