brand guidelines -...

47
Brand Guidelines October, 2014

Upload: ngokiet

Post on 14-Apr-2018

221 views

Category:

Documents


5 download

TRANSCRIPT

Brand Guidelines

October, 2014

Brand Guidelines | Page 2

Contents

1 Logo

2 Graphical Elements

3 Icons

4 Typography

5 Colors

6 Stationery

7 Social Media

8 Templates

9 Product Line logos

1) Logo

Brand Guidelines | Page 4

Logo: Overview with Tagline

Files:Logo > Logo with Tagline

Brand Guidelines | Page 5

Logo: Overview without Tagline

Files:Logo > Logo without Tagline

Brand Guidelines | Page 6

Logo: Features

Completely custom font and

kerning

Subtle tagline that makes use of color contrast (optional)

Color separation to make the name

clearer and attractive

Registered trademark always

appears on the name

Optimized spacing between letters

Brand Guidelines | Page 7

Logo: Spacing

Forbidden Zone

Caution Zone

Brand Guidelines | Page 8

Logo: Inverted Space

Files:Logo > Logo Inverted with Tagline

Brand Guidelines | Page 9

Logo: Inverted Grayscale

Files:Logo > Logo Inverted with Tagline

Brand Guidelines | Page 10

Grayscale and black/gray logo optionsGrayscale and Black and Gray logos should only be used on a white background and only when printing black and white documents (i.e. invoices).

Brand Guidelines | Page 11

Logo: Correct Usage

Brand Guidelines | Page 12

Logo: Incorrect Usage

Brand Guidelines | Page 13

Backgrounds

Dark Blue White

Other colors and Patterns

Gray Black

Brand Guidelines | Page 14

Logo: Tagline Usage

Subtle TaglineLogos larger than 300px width

Prominent TaglineLogos smaller than 300px width

Brand Guidelines | Page 15

Logo: Registered Mark UsageThe registered mark icon is always used no matter the size of the logo. It is scaled proportionally according to the size of the logo

Brand Guidelines | Page 16

TaglineWhen used separate from the logo, the letter “t” in DynEd’s tagline should not be capitalized.

the smart way to English

2) Graphical Elements

Brand Guidelines | Page 18

Metro Look

Files:Graphical Elements > Metro Look HorizontalGraphical Elements > Metro Look Vertical

DynEd uses a modified version of the Metro UI, common to the modern Windows platform and recognized around the world. It can be used in a horizontal or vertical format

1) Solid Color Box with icon

3) Picture that is licensed for use

4) Perfect squares with even spacing

2) Solid Color Box without icon

Brand Guidelines | Page 19

Metro Look Icons

If used on a gray background, the icon

color must be Primary Blue or

#144d80

If used on a secondary blue background, the

icon colors can be white or #dbe6ed

If used on a primary and

secondary blue background, the

icon colors can be white or #dbe6ed

All icons must be flat, with no shadows or 3d effects. The icon size should not be more than 30% of the size of the box it is being held in. The icons colors that can be applied can be those specified below:

3) Icons

Brand Guidelines | Page 21

Website Icons

Files:Icons > Website Icon

4) Typography

Brand Guidelines | Page 23Files:Typography > Calibri

Fonts

Open Sans Semi-bold CalibriHeaders Body Text

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9

Aa Bb Cc Dd Ee Ff Gg Hh Ii JjKk Ll Mm Nn Oo Pp Qq Rr SsTt Uu Vv Ww Xx Yy Zz 0 1 2 3 4 5 6 7 8 9

Font Size: 22-34ptFont Size: 8-14pt

Both Open Sans Semi bold and Calibri may be used as header fonts when used with the DynEd logo. Calibri regular and Calibri light may be used for body text.

5) Colors

Brand Guidelines | Page 25

Colors DynEd Logo

Accent

#59ba82

RGB: 89, 186, 130CMYK: 65, 2, 65, 0

Body/Fonts

#919191

RGB: 145, 145, 145CMYK: 46, 38, 38, 2

#144d80

Primary Secondary Tertiary

RGB: 20, 77, 128CMYK: 98, 75, 25, 9

#2b89b9

RGB: 43, 137, 185CMYK: 79, 36, 11, 0

#3baae3

RGB: 59, 170, 227CMYK: 67, 17, 0, 0

Body/General

RGB: 220,221,222CMYK: 13, 9, 9, 0

#dcddde

6) Stationery

Brand Guidelines | Page 27

Files:Stationery > Business Card_English

Business Cards

the smart way to English

Brand Guidelines | Page 28

Files:Stationery > Business Card_English+Chinese

Business Cards

Brand Guidelines | Page 29

Files:Stationery > Letterhead with bleedsStationery > Letterhead without bleeds

Letterheads

Brand Guidelines | Page 30

Files:Stationery > Envelope

Envelopes

Brand Guidelines | Page 31Files:Stationery > Folder

Folders

7) Social Media

Brand Guidelines | Page 33Files:Social Media > Social Media

Facebook Mockup

8) Templates

Version 1

PPT Cover Page

Insert title here

Insert subtitle here

Files:Templates > PPT > PPT with Slide MasterTemplates > PPT> PPT without Slide Master

Version 2

PPT Cover Page

Insert title here

Files:Templates > PPT > PPT with Slide MasterTemplates > PPT> PPT without Slide Master

Version 3

PPT Cover page

Insert title here

Insert subtitle here

Files:Templates > PPT > PPT with Slide MasterTemplates > PPT> PPT without Slide Master

PPT Separator Page

Insert title here

Files:Templates > PPT > PPT with Slide MasterTemplates > PPT> PPT without Slide Master

Brand Guidelines | Page 39

Insert subtitle here

PPT Content Page

Insert content here

Files:Templates > PPT > PPT with Slide MasterTemplates > PPT> PPT without Slide Master

Brand Guidelines | Page 40

Documents – Word and PDFVersion 2

Files:Templates > Doc > Doc with Cover Page

Brand Guidelines | Page 41

Email signature

Files:Templates > Email Signature > Email Signature

9) Product Line Logos

Brand Guidelines | Page 43

DynEd Kids logoTo be used to refer to the DynEd Kids product line

Brand Guidelines | Page 44

DynEd Kids logo variationFor smaller sized logos (smaller than 250 px in Height) when child icon is not visible

Brand Guidelines | Page 45

DynEd Kids Inverse Logo/Backgrounds

Brand Guidelines | Page 46

DynEd Kids Logo Colors

# E1662CRGB: 225,102, 44CMYK: 0, 73,87,0

# FIBF00RGB: 241,191, 0CMYK: 0, 30, 95, 0

# 66B720RGB: 102, 183, 32CMYK: 63, 0, 97, 0

# B089B8RGB: 175, 137, 184CMYK: 35, 49, 0, 0

the smart way to English