Brand guidelines
We love people who talk about us. This page is the hub for all brand guidelines, usages, and assets. We built this page to make it as easy as possible for you to deliver on-brand designs while respecting our brand and legal/licensing restrictions.
01. Color palette
In the first part of the style guide, you can find the color palette that’s been used for our website.
Primary colours
#000054
Primary colour 1
#677fe0
Primary colour 2
Secondary colours
#677feo
FUNCTIONAL COLOUR 1
#FO5365
FUNCTIONAL COLOUR 2
#FFCC57
FUNCTIONAL COLOUR 3
#00A896
FUNCTIONAL COLOUR 4
Background colours
#fafbff
Background
#fof6ff
BACKGROUND Graphics 3
#cbe1fc
Background graphics 1
#9cc6f9
Background Graphics 2
Link colours
#F05365
Normal link colour
#677fe0
Hoover Link colour
#7d4e57
clicked or disabled Link colour
Heading and text colours
#000054
Heading colour
#666680
Body text dark grey colour
#a8a8ba
body text light grey colour
Button colours
Normal
#FFCC57
Normal button colour
Hoover
#ee6c4d
hover button colour
Active
#00b259
Active button colour
Disabled
#8f857d
disabled button colour
Highlighter colours
#d9f0ff
highlighter colour 1
#ffebcd
highlighter colour 2
#ffc1c0
Highlighter colour 3
#A8DCC0
Highlighter colour 4
02. Visuals
The second part of this style guide shares some of the visuals that we use on our website.
Icons
Illustrations
Background graphics
03. Text styles
In this part of the style guide, you’ll find the different text styles that were used throughout the website.
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Heading 5
Heading 5
Heading 6
Heading 6
Heading 7
Heading 7
Micro heading
Micro heading
Body
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Link
Link examples
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet
Lorum ipsum dolor sit amet
[email protected]
04. Buttons
Here, you’ll find the buttons that have been used.
Button 1
Button 2
05. Blurbs
Up next, we have some blurb modules that have been frequently used.
Blurb 1
Lorem ipsum dolor sit amet
Etiam dictum ultricies risus, eu molestie est sodales et. Proin sed elementum sapien. Fusce congue ante vitae est luctus ultric.
Blurb 3
Banking & Finance
Blurb 4
Vivamus suscipit tortor eget felis porttitor volutpat.
Blurb 5
The Best in the Business
Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Cras ultricies ligula sed magna dictum porta. Vivamus suscipit tortor eget felis porttitor volutpat.
Blurb 6
Immigration Hearings
In tincidunt odio molestie, semper mi eget, faucibus tortor. Curabitur sed metus ex. Proin fringilla diam diam. Suspendisse potenti. In vestibulum sodales finibus.
Blurb 7
Aliquam vel dapibus dui. Integer eu massa ante. Aliquam a eros tellus. In malesuada eget diam id fermentum
– John Doe
Blurb 8
Travel
06. Other modules
Last but not least, we’re sharing other module designs that were used.
Email optin form 1
Contact form 1