Josefin Sans
Logo and Heading Font
- Illuminare
- Relative Size: 2.3, Tracking: -20, Vertical Scale: 95%
- Solutions
- Relative Size: 1, Tracking: N/A, Vertical Scale: N/A
Brand Assets
Logos
Use SVG logos whenever possible. PNG logo files are provided with transparent backgrounds and no padding, and contrasting backgrounds with brand-approved padding.
Primary Logo – Light Background
Transparent Background
White Background
Primary Logo – Dark Background
Transparent Background
Black Background
Stacked Logo – Light Background
Transparent Background
White Background
Stacked Logo – Dark Background
Transparent Background
Black Background
Icon – Light Background
Transparent Background
White Background
Icon – Dark Background
Transparent Background
Black Background
Wordmark – Light Background
Transparent Background
White Background
Wordmark – Dark Background
Transparent Background
Black Background
Fonts
Open Sans
Body Font
Colors
Use the primary, not Darker or Lighter, color palette when possible. If using a Darker or Lighter color palette, use a contrast accessibility tool to verify that the text overlay color is accessible.
-
Sample #e6e6e6Sample #ffffff
Primary Accent
Hex
RGB 0, 54, 250
CMYK 100, 78, 0, 2
-
Sample #e6e6e6Sample #ffffff
Alternate Accent
Hex
RGB 0, 98, 209
CMYK 100, 53, 0, 18
-
Sample #b8b8b8Sample #ccccccSample #ffffff
Primary Accent – Darker
Hex
RGB 0, 43, 200
CMYK 100, 78, 0, 22
-
Sample #ccccccSample #ffffff
Alternate Accent – Darker
Hex
RGB 0, 78, 167
CMYK 100, 53, 0, 35
-
Sample #ffffff
Primary Accent – Lighter
Hex
RGB 47, 92, 255
CMYK 82, 64, 0, 0
-
Sample #000000
Alternate Accent – Lighter
Hex
RGB 14, 127, 255
CMYK 95, 50, 0, 0
-
Sample #ccccccSample #e6e6e6Sample #ffffff
Strongest Text
Hex
RGB 0, 0, 0
CMYK 0, 0, 0, 100
-
Sample #ccccccSample #e6e6e6Sample #ffffff
Strong Text
Hex
RGB 26, 26, 26
CMYK 0, 0, 0, 90
-
Sample #ccccccSample #e6e6e6Sample #ffffff
Medium Text
Hex
RGB 51, 51, 51
CMYK 0, 0, 0, 80
-
Sample #ccccccSample #e6e6e6Sample #ffffff
Subtle Text
Hex
RGB 77, 77, 77
CMYK 0, 0, 0, 70
-
Sample #a3a3a3Sample #b8b8b8Sample #ccccccSample #ffffff
Strongest Text – Darker
Hex
RGB 0, 0, 0
CMYK 0, 0, 0, 100
-
Sample #a3a3a3Sample #b8b8b8Sample #ccccccSample #ffffff
Strong Text – Darker
Hex
RGB 20, 20, 20
CMYK 0, 0, 0, 92
-
Sample #a3a3a3Sample #b8b8b8Sample #ccccccSample #ffffff
Medium Text – Darker
Hex
RGB 41, 41, 41
CMYK 0, 0, 0, 84
-
Sample #b8b8b8Sample #ccccccSample #ffffff
Subtle Text – Darker
Hex
RGB 61, 61, 61
CMYK 0, 0, 0, 76
-
Sample #d6d6d6Sample #ebebebSample #ffffff
Strong Text – Lighter
Hex
RGB 71, 71, 71
CMYK 0, 0, 0, 72
-
Sample #d6d6d6Sample #ebebebSample #ffffff
Strongest Text – Lighter
Hex
RGB 0, 0, 0
CMYK 0, 0, 0, 100
-
Sample #d6d6d6Sample #ebebebSample #ffffff
Medium Text – Lighter
Hex
RGB 92, 92, 92
CMYK 0, 0, 0, 64
-
Sample #ffffff
Subtle Text – Lighter
Hex
RGB 112, 112, 112
CMYK 0, 0, 0, 56
-
Sample #000000Sample #1a1a1aSample #333333Sample #4d4d4d
Subtle Background
Hex
RGB 204, 204, 204
CMYK 0, 0, 0, 20
-
Sample #0036faSample #0062d1Sample #000000Sample #1a1a1aSample #333333Sample #4d4d4d
Lighter Background
Hex
RGB 230, 230, 230
CMYK 0, 0, 0, 10
-
Sample #0036faSample #0062d1Sample #000000Sample #1a1a1aSample #333333Sample #4d4d4d
Lightest Background
Hex
RGB 255, 255, 255
CMYK 0, 0, 0, 0
-
Sample #000000Sample #141414Sample #292929
Subtle Background – Darker
Hex
RGB 163, 163, 163
CMYK 0, 0, 0, 36
-
Sample #002bc8Sample #000000Sample #141414Sample #292929Sample #3d3d3d
Lighter Background – Darker
Hex
RGB 184, 184, 184
CMYK 0, 0, 0, 28
-
Sample #002bc8Sample #004ea7Sample #000000Sample #141414Sample #292929Sample #3d3d3d
Lightest Background – Darker
Hex
RGB 204, 204, 204
CMYK 0, 0, 0, 20
-
Sample #000000Sample #474747Sample #5c5c5c
Subtle Background – Lighter
Hex
RGB 214, 214, 214
CMYK 0, 0, 0, 16
-
Sample #000000Sample #474747Sample #5c5c5c
Lighter Background – Lighter
Hex
RGB 235, 235, 235
CMYK 0, 0, 0, 8
-
Sample #2f5cffSample #000000Sample #474747Sample #5c5c5c
Lightest Background – Lighter
Hex
RGB 255, 255, 255
CMYK 0, 0, 0, 0