+ All Categories
Home > Documents > 2016 Brand Guide - Skillsoft...LOGO COLOR Red PMS: 186 C CMYK: 2, 100, 86, 6 RGB: 200, 16, 46 HEX:...

2016 Brand Guide - Skillsoft...LOGO COLOR Red PMS: 186 C CMYK: 2, 100, 86, 6 RGB: 200, 16, 46 HEX:...

Date post: 22-Sep-2020
Category:
Upload: others
View: 3 times
Download: 0 times
Share this document with a friend
30
2016 Brand Guide
Transcript
Page 1: 2016 Brand Guide - Skillsoft...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

2 0 1 6 B r a n d G u i d e

Page 2: 2016 Brand Guide - Skillsoft...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

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

Page 3: 2016 Brand Guide - Skillsoft...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

M I S S I O N S T A T E M E N T

Page 4: 2016 Brand Guide - Skillsoft...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

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.

Page 5: 2016 Brand Guide - Skillsoft...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

L O G O

Page 6: 2016 Brand Guide - Skillsoft...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

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

Page 7: 2016 Brand Guide - Skillsoft...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

Page 8: 2016 Brand Guide - Skillsoft...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

8

X

X =

X

XX

CLEAR SPACE

Page 9: 2016 Brand Guide - Skillsoft...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

9

LOGO VARIATIONS

Page 10: 2016 Brand Guide - Skillsoft...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

T Y P O G R A P H Y

Page 11: 2016 Brand Guide - Skillsoft...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

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

Page 12: 2016 Brand Guide - Skillsoft...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

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

Page 13: 2016 Brand Guide - Skillsoft...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

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

Page 14: 2016 Brand Guide - Skillsoft...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

C O L O R P A L E T T E

Page 15: 2016 Brand Guide - Skillsoft...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

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

Page 16: 2016 Brand Guide - Skillsoft...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

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

Page 17: 2016 Brand Guide - Skillsoft...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

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

Page 18: 2016 Brand Guide - Skillsoft...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

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

Page 19: 2016 Brand Guide - Skillsoft...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

I C O N O G R A P H Y

Page 20: 2016 Brand Guide - Skillsoft...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

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

Page 21: 2016 Brand Guide - Skillsoft...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

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

Page 22: 2016 Brand Guide - Skillsoft...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

P H O T O G R A P H Y

Page 23: 2016 Brand Guide - Skillsoft...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

PHOTOGRAPHY LOOK AND FEELPhotos should show team learning, collaboration, conversation, and leadership. Please refrain from photos that look overly “stocky.”

23

Page 24: 2016 Brand Guide - Skillsoft...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

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

Page 25: 2016 Brand Guide - Skillsoft...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

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.

Page 26: 2016 Brand Guide - Skillsoft...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

B R A N D I N G I N U S E

Page 27: 2016 Brand Guide - Skillsoft...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

27

BILLBOARD AD

Page 28: 2016 Brand Guide - Skillsoft...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

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

Page 29: 2016 Brand Guide - Skillsoft...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

29

MAGAZINE AD

Page 30: 2016 Brand Guide - Skillsoft...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

Recommended