Design OS only available on computer devices.

Logos

Full Logo colour

Logo rules

Do not stetch or deform
Do not remove motif
Do not move motif
Do not rotate
Do not Add shadows
Do not use outlines

Colour

#081554
#242F65
#1436c7
#1b48ff
#4167ff
#6785ff
#8da4ff
#b3c2ff
#d9e1ff
#f0f4ff
#181818
#2a2a2a
#3c3c3c
#4f4f4f
#6c6c6c
#898989
#a7a7a7
#c4c4c4
#e2e2e2
#f4f4f4
#00c853
#1acd63
#34d375
#4cd886
#66de97
#7fe2a9
#99e9bb
#b3eecb
#ccf4dc
#e5faed
#ffc300
#ffc81b
#ffcf34
#ffd54b
#ffdb65
#ffe17f
#ffe799
#ffedb2
#fff3cc
#fff9e5
#ff6a00
#ff7819
#ff8733
#ff964c
#ffa566
#ffb47f
#ffc399
#ffd2b2
#ffe1cc
#fef1e5
#d32f2f
#d74343
#db5858
#e06d6d
#e48281
#e99696
#edabab
#f2c0c0
#f7d5d5
#fbe9e9
#9c27b0
#a53cb7
#af52bf
#b967c7
#c37dcf
#cd93d7
#d7a8e0
#e1bde7
#ebd3ef
#f5e9f7

Typograhy

Typecase
Annotation
REM
PX
Font
Weight

Heading 1

H1
3.5
56
Rubik
Normal

Heading 2

H2
3
48
Rubik
Normal

Heading 3

H3
2.5
40
Rubik
Normal

Heading 4

H4
2
32
Rubik
Light
Heading 5
H5
1.5
24
Rubik
Light

Paragraph 1

P1
1
16
Open sans
Regular

Paragraph 2

P2
0.875
14
open sans
Regular
Text Link
L1
1
16
open sans
Regular
Caption
C1
1
12
Rubik
Regular

Rich text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Elements

Forms

Forms
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Success & error messages
Submission error. Please check that you have entered all required information correctly.
Submission received. We will be in contact promptly.
Oops! Something went wrong while submitting the form.

Cards

Image & text

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Heading

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Modals

Grids

Web 1920px
16 col internal padding
Web 1366px
16 col internal padding
Tablet
8 col internal padding
mobile
4 col internal padding