SOE's Style Guide

Brand Colours

Here goes your text ... Select any part of your text to access the formatting toolbar.
SOE Primary
Dark Blue
Light Blue
Blue
Bright Blue
Dark Grey
Nice Grey
Off White
White

Headings

Here goes your text ... Select any part of your text to access the formatting toolbar.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Here goes your text ... Select any part of your text to access the formatting toolbar.
Text example with weight 600 added
This is an example of small text
blog text title example
SOE Tag

Button Variations

Here goes your text ... Select any part of your text to access the formatting toolbar.
JOIN NOW
become a partner
Learn more about SOE
Learn more about SOE
View more
Book Office Space

Image Variations

Here goes your text ... Select any part of your text to access the formatting toolbar.

Icons

Here goes your text ... Select any part of your text to access the formatting toolbar.

Spacing Options

Here goes your text ... Select any part of your text to access the formatting toolbar.
Padding 30px on the sides
Padding 40px on the sides
Padding 80px on the sides
padding 0px
padding-10-5
padding-15-10
Padding 50 on the sides 25 top bottom
Padding 20px on all sides
Padding 30px all sides
Padding 40px all sides

Background Colours

Here goes your text ... Select any part of your text to access the formatting toolbar.

Background Colours

Here goes your text ... Select any part of your text to access the formatting toolbar.

Background Colours

Here goes your text ... Select any part of your text to access the formatting toolbar.

Background Colours

Here goes your text ... Select any part of your text to access the formatting toolbar.