Style Guide
Logo Variations
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
