Style Guide

Logo Variations

Positive Logo

Positive Logo

Typography

Work Sans

Work Sans is a typeface family based loosely on early Grotesques, such as those by Stephenson Blake, Miller & Richard and Bauerschen Giesserei. The Regular weight and others in the middle of the family are optimised for on-screen text usage at medium-sizes (14px-48px) and can also be used in print design.

Colors

Proportion

We used white and dark blue in large proportions, then for a small touch we used a gradient of blue.

#000B2D

Neutral 10

#FFFFFF

Neutral 100

#0038E3

Blue Dark

#97EAF5 - #0038E3

Blue Gradient

Primary Colors

Blue Dark

#0038E3

Blue Dark 40

#00134C

10

#001C71

20

#002597

30

#0038E3

40

#2A59E8

50

#557AEC

60

#557AEC

70

#AABDF6

80

#CCD7F9

90

#F2F5FF

95

Secondary Colors

Blue Light

#97EAF5

Blue Light 30

#6BA8AA

10

#2A3450

20

#97EAF5

30

#A1FCFF

40

#B1FCFF

50

#C0FDFF

60

#D5D6DC

70

#E0FEFF

80

#ECFEFF

90

#F7FDFD

95

Tertiary Colors

Purple

#4F39CD

Purple 40

#281C66

10

#352689

20

#4230AB

30

#4F39CD

40

#6C5AD5

50

#8A7BDE

60

#A79CE6

70

#C4BDEE

80

#DCD7F5

90

#F3F0FF

95

Neutral Colors

Greys

#000B2D

Neutral 10

#000B2D

10

#2A3450

20

#555C73

30

#808596

40

#AAAEB9

50

#CCCED5

60

#D5D6DC

70

#E5E6EA

80

#CCD7F9

90

#F7F7F9

95

Accent Colors

#000B2D

Green 70

#F0C74B

Yellow 70

#F2994A

Oorange 70

#D5D6DC

Red 70

backgrounds

Logo Background