2 0 1 6 B r a n d G u i d e
M i s s i o n S t a t e m e n t
L o g o
T y p o g r a p h y
C o l o r P a l e t t e
I c o n o g r a p h y
P h o t o g r a p h y
B r a n d i n g i n U s e
03
05
10
13
18
21
25
TABLE OF CONTENTS
2
M I S S I O N S T A T E M E N T
4
We are your trusted partner and leading global provider
of high-quality, innovative, cloud-based learning and
performance support resources. Enabling organizations
to achieve competitive advantages through superior
enterprise-wide knowledge and skills.
L O G O
6
LOGO COLOR
Red
PMS: 186 C
CMYK: 2, 100, 86, 6
RGB: 200, 16, 46
HEX: C8102E
Black
PMS: Processed Black PC
CMYK: 0, 0, 0, 100
RGB: 198 12, 48
HEX: 1E1E1E
7
LOGO TREATMENT
Color logo - White
White logo on Color White logo on Color
Color logo - Black
8
X
X =
X
XX
CLEAR SPACE
9
LOGO VARIATIONS
T Y P O G R A P H Y
MONTSERRATMontserrat is used for main headlines.
Aa Bb
Aa BbAa Bb
Aa BbA B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b cd e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
Montserrat Semi-bold
Montserrat LightMontserrat Regular
Montserrat Extra Bold
11
OPEN SANSOpen Sans is used for body copy.
Aa Bb Aa Bb
Aa Bb
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
A B C D E F G H I J K L M N O P Q R S T U V W X Y Z
a b c d e f g h i j k l m n o p q r s t u v w x y z
0 1 2 3 4 5 6 7 8 9 ( ! @ # $ % ^ & * )
Open Sans Regular Open Sans Light
Open Sans Bold
12
We are your trusted partner and leading global provider of high-quality,
innovative, cloud-based learning and performance support resources.
Enabling organizations to achieve competitive advantages through superior
enterprise-wide knowledge and skills.
The leader in eLearningHeading: Montserrat Semibold 18 pt
Body: Open Sans Regular 10 pt
We are your trusted partner and leading global provider of high-quality,
innovative, cloud-based learning and performance support resources.
Enabling organizations to achieve competitive advantages through superior
enterprise-wide knowledge and skills.
The leader in eLearningHeading: Montserrat Light 18pt
Body: Open Sans Regular 10 pt
We are your trusted partner and leading global provider of high-quality,
innovative, cloud-based learning and performance support resources.
Enabling organizations to achieve competitive advantages through superior
enterprise-wide knowledge and skills.
The leader in eLearningHeading: Montserrat Semibold 12 pt
Body: Open Sans Regular 10 pt
PARAGRAPH FORMS: PRINT HIERARCHY
C O L O R P A L E T T E
PRIMARY BRAND COLORS
Light Blue Red Dark Blue Grey
PMS: 298 C
CMYK: 67, 2, 0, 0
RGB: 65, 182, 230
HEX: 41B6E6
PMS: 186 C
CMYK: 2, 100, 86, 6
RGB: 200, 16, 46
HEX: C8102E
PMS: 533 C
CMYK: 95, 72, 15, 67
RGB: 31, 42, 68
HEX: 1C202A
PMS: 7545 C
CMYK: 58, 32, 18, 54
RGB: 66, 85, 99
HEX: 4C5872
15
SECONDARY COLORS
Purple Light Purple Light Grey
PMS: 2096 C
CMYK: 76, 75, 0, 0
RGB: 101, 78, 163
HEX: 5A4DA7
PMS: 5305 C
CMYK: 18, 15, 2, 6
RGB: 198, 196, 210
HEX: BFBDCC
PMS: 656 C
CMYK: 10, 2, 0, 0
RGB: 221, 229, 237
HEX: F3F5FC
16
Light Green
PMS: 7479 C
CMYK: 56, 0, 58, 0
RGB: 38, 208, 124
HEX: 2ECC71
SECONDARY COLORS
Orange Yellow
PMS: 2026 C
CMYK: 0, 68, 76, 0
RGB: 244, 99, 58
HEX: FF5F2E
PMS: 7405 C
CMYK: 0, 11, 97, 2
RGB: 242, 205, 0
HEX: F1C40F
17
GRADIENT TREATMENT
18
When using the blue and purple gradient make sure the treatment is consistent.
Correct
Correct
Incorrect
Incorrect
The gadient should always start with
Blue (#4ab6e6) and end with Purple
(#5a4da7)
The gradient should be, but is not limited
too a 120 degree angle
When using the gradient bar on collateral,
use a the gradient at 180 degrees. This is
due to the bar being small in height which
causes a 120 degree gradient to look odd
1
2
3
I C O N O G R A P H Y
20
ICONOGRAPHY: SKILLSOFT DIFFERENCE SETThe Skillsoft Difference icons are only to be used on the homepage of skillsoft.com. The style of these
icons is meant to be used solely to represent major sections of content. In cases where a generic icon is
needed, please reference the general icon set.
Optimized Depth Expertise Customizable Secure Targeted
Skillsoft Difference Set
21
ICONOGRAPHY: GENERAL ICON SETThis style of iconography should be used for most cases where an icon is needed. In most cases the icon should be the
Skillsoft light blue. The only other approved color is white, when on a colored background. When creating an icon, the
stroke width should be 70pt on a 800px x 800px document.
Talent Management Learning Management
Compliance &Regulatory
Learning Digital Productivity Leadership
Desktop Collections Live Learning ES & H Courseware Federal Government Courseware
IT Collections Business Collections
General Icon Set
P H O T O G R A P H Y
PHOTOGRAPHY LOOK AND FEELPhotos should show team learning, collaboration, conversation, and leadership. Please refrain from photos that look overly “stocky.”
23
PHOTOGRAPHY TREATMENT: BLUE OVERLAY
24
It is OK to use pre-treated images, but to have a consistent brand look and feel please treat photos like the following:
Step 1
Step 3
Step 2
Step 4
Reference the “Skillsoft_blue_overlay_photo.psd” if needed.
Make a new layer. Set the color as #1c202a1
Place your photo on top of this layer at
80% opacity
2
Create a new layer above your photo layer
and fill the layer with the #1c202a color at
60% opacity
3
Apply a photo filter. From the menu bar
select Layer > New Adjustment Layer >
Photo Filter
4
In the properties window (Window >
Properties) click the color option radio
button and set the color as #0793d4. Set
the density to 78% and uncheck
‘Preserve Luminosity’.
5
PHOTOGRAPHY TREATMENT: GRADIENT
25
It is OK to use pre-treated images, but to have a consistent brand look and feel please treat photos like the following:
Start with an image in full color
Step 1
Step 2
Step 3 & 4
In Photoshop make a new layer with the
following gradient at a 120 degree angle
Blue (#00b6e1) & Purple (#5a4da7)
With that new gradient layer move it
behind the layer of the photo you’re using
in the layer palette
Set your photo layer to 30-40% opacity.
The percentage really depends on the
contrast in the image
1
2
3
4
Reference the “Skillsoft_gradient_photo.psd” if needed.
B R A N D I N G I N U S E
27
BILLBOARD AD
28
AD GUIDELINES
The Skillsoft logo must contrast with the rest
of the ad in order to stand out
Treat photography with the dark blue overlay
shown here or a blue/purple gradient
The call to action must also contrast with
the rest of the ad, as shown here with
“skillsoft.com”
Use only brand fonts Montserrat and
Open Sans
The logo must be placed in the:
Top or bottom center (as shown here)
Upper left or right corner
Lower left or right corner
1
2
3
4
5
29
MAGAZINE AD