corporate identity guidelines · cool gray 9 c logotype core coulour palette. ... copy. the use of...

CORPORATE IDENTITYGUIDELINES

Version 1 - Juanary 201663 Lisson St, London NW1 5DD, © 2014 SSL247 Ltd. All rights reserved. SSL247 Limited is registered in England & Wales No: 5802692

CORPORATE IDENTITY GUIDELINES | version 1 | January 2016 | SSL247® 2

TABLE OF CONTENTS


LOGOTYPEPlacement & size.

®®

With taglineMinimum size:

Web85 pixel width

Print30mm width

No taglineMinimum size:

Web45 pixel width

Print15mm width

Tagline onlyMinimum size:

Web85 pixel width

Print40mm width

HOW TO USE ITYou must use these different logo in relation to the space you have and the type of document you are producing.The tagline should be always readable. If not, use the version without it.The version with only the tagline should not be use, except if the two others cannot fit in the available space (e.g. space available is not square)The logo should always be at the top left for branded documents, it can be centered and bigger on a cover.

®

®

TITLE


Correct & incorrect use of the logo.

LOGOTYPE

Do not change the colours of the logo

Do not distord the logo

Do not apply the logo on a color background

Do not apply the logo on a gradient background

Do not apply the logo on a photography

Do not use the white logo

It can be acceptable to change opacity to 80% on a white background to let appear a part of a detailed/photographic background

Only use the logo on a white background. You can use a white circle as a background if needed.


Dark Blue:C: 100% M: 86% Y: 33% K: 23%

R: 0G: 51B: 102

#1B3664PantoneSolid Coated 534 C

Light Blue:C: 84% M: 48% Y: 0% K: 0%

R: 0G: 121B: 201

#1F78BEPantoneSolid Coated 660 C

Tagline:C: 52% M: 43% Y: 43% K: 8%

R: 128G: 128B: 128

#808080PantoneSolid Coated Cool Gray 9 C

LOGOTYPECore coulour palette.

COLOURS


LOGOTYPECOLOURSSubsidiary coulour palette.

C: 31% M: 39% Y: 41% K: 17%

R: 167G: 141B: 129

#A78D81

Digital signatures

C: 100% M: 77% Y: 43% K: 43%

R: 15G: 48B: 75

#0F304B

Wizard

C: 0% M: 100% Y: 100% K: 0%

R: 227G: 6B: 19

#E30613

Penetration Testing

C: 57% M: 20% Y: 5% K: 0%

R: 117G: 174B: 217

#75AED9

Domain name


LOGOTYPECOLOURSSubsidiary coulour palette.

CTA ButtonC: 77% M: 0% Y: 100% K: 0%

R: 46G:167B: 46

#2EA72E

C: 75% M: 45% Y: 5% K: 0%

R: 72G: 125B: 186

#487DBA

Brand protection

C: 0% M: 25% Y: 100% K: 0%

R: 253G: 195B: 0

#FDC300

Symantec Yellow


OTHER LOGOTYPEAccreditations, partners and trust seals.

ACCREDITATIONS

PARTNERS

SECURE SEALS


ICONSBecause we always need them to emphasise our content.

Wizard

Free SSL

Key Fact

Validation

Encryption

Statistics

Tools

Download

CustomerServices

Tailored needle

CSR

Smartphone

Stamp

CER

Responsive

Site Seal

Lock

Tablet

Signed Doc

Unlock

Shopping Cart

Laptop

On our network:NASMARKETING\Marketing\Marketing tools\Logos & visual elements\Icons

http://www.flaticon.com/


ICONS X-sellingBecause we always need them to emphasise our content.

PENETRATIONTESTING

MYSSL® DIGITAL SIGNATURE

SSL CERTIFICATE

WIZARD

DOMAINNAME

BRAND PROTECTION

FREE SSL

On our network:NASMARKETING\Marketing\Marketing tools\Logos & visual elements


LOGOTYPETYPEFACEExternal communication Typeface.

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz1234567890

Square721 BT Roman:

Square721 BT Bold:



Incised901 BT Roman:


Incised901 BT Light:

HOW TO USE ITFor all external communications our primary typeface is Square721 BT for headings and sub-heads, and Incised901 BT for all body copy.The use of different weights or slope of theses typefaces have to be logical, otherwise it should be Square721 BT Bold for headline, Square721 BT roman for sub-heads, then Incised901 BT light for body copyWhere this typeface is not available (for example, PowerPoint presentations where the font has not been installed on the presenter’s computer), the alternative typeface Arial/Futura should be used.



Arial Bold:


Arial regular:


Futura Bk Bold:


Futura Medium:


Futura Bk book:

LOGOTYPETYPEFACEInternal communication Typeface.

HOW TO USE ITFor all internal communications our primary typeface is Arial for headings and sub-heads, and Futura for all body copy.The use of different weights or slope of theses typefaces have to be logical, otherwise it should be Arial Bold for headline, Arial regular for sub-heads, then Futura Bk book for body copy


LOGOTYPESOCIAL MEDIASTemplates and rules.

TWITTERHeader 1500x500Profile picture 400x400Share photo 1024x512Ins-stream photo preview 440x220Appears collapsed at 506x253

FACEBOOKCover photo 851x315Profile picture 180x180Tab 111x74Link image 1200x627Shared image 1200x1200

LINKEDINStandard Logo 100x60Square logo 50x50Banner image 646x220

YOUTUBEProfile picture, pulled from Google+ (250x250)Channel art 2560x1440Custom video thumbnail 1280x760

TWITTER IS OUR MAIN SOCIAL MEDIATwitter Use a 2:1 ratio for in-stream images.Although you can tweet an image of any size, Twitter’s in-stream preview is always 440 pixels wide and 220 pixels tall (a 2:1 ratio). This means that any horizontal image will be cut off at the top and bottom but not at the sides in the Twitter stream.Recommend size is 880×440 images to tweet.You can use the Facebook dimension (1200×627) on Twitter as well. While these images are not exactly a 2:1 image ratio, they still look great in Twitter’s in-stream preview.

COMPLETE GUIDELINE 2016

http://makeawebsitehub.com/social-media-image-sizes-cheat-sheet/


VIDEOS

VIDEO GUIDELINEWe release videos on YouTube to show our last webinar, review an event we’ve been part of, or make tutorials for customers.When editing a new video, you have to insert the intro and outro trailers which can be find at \Marketing\Videos\TrailerYouTube uses 16:9 aspect ratio players. If you are uploading a non-16:9 file, it will be processed and displayed correctly as well, with pillar boxes (black bars on the left and right). If you want to fit the player perfectly, encode at these resolutions:1080p: 1920x1080720p: 1280x720480p: 854x480360p: 640x360The best format for uploading videos on YouTube is MP4 (also known as MPEG-4).

Screenshot of interviews we uploaded on YouTube, showing the visual guideline for that type of content.


LOGOTYPEEMAIL SIGNATUREEmail signature template.

HOW TO UPDATE IT To edit this signature, you have to open the html file in Notepad ++ (html files can be found at \Marketing\Marketing tools\Signatures).Then you can update the informations needed for a new employee or to update the layout.

HOW TO USE ITTo use your signature, the simpliest way is to open your html file in your default broswer, then copy and paste it in your Outlook signature.


OTHER MEDIAS

®

Logo always on the top, with a catch phrase regarding the message.

Content zone, images can be use.It is also important to only include relevant information and keep words to a minimum.Note: image have to be in 300dpi and saved as CMYK.

Contact zone include website, mail and phone contact.Accreditations & partnerships.

ROLLUP BANNER


DOTMAILER

WHAT IS DOTMAILER ? Dotmailer is a Marketing Automation platform with email at its core.

With this platform you have access to many different tools which allow you to create a Email campaign, visually with the EasyEditor, and get access to data and insight to nurture leads and segment clients.

HOW TO USE ITDotmailer is an online platform that you can access simply by log in at dotmailer.com

You can edit campaigns, from the layout, to the content and images by clicking on “edit” on one of the already exisiting campaign in the list. Then you will land on the EasyEditor, which is a simple drag & drop tool working with a boxes concept.

For more details about the EasyEditor tool, you can read the full guideline here.

Dotmailer EasyEditor guideline..

http://www.dotmailer.com/login/

https://www.dotmailer.com/media/1481/getting_started_with_ee_v2-1.pdf


POWERPOINT

IN WHAT CASE DO WE USE THE PPT TEMPLATE?Anytime a powperpoint needs to be uptaded, or a new presentation have to be created, you have to use the PowerPoint template.

WHERE CAN I FIND IT?The PowerPoint template can be found at:NASMARKETING\Marketing\Marketing tools\Templates

PowerPoint template.

corporate identity guidelines · cool gray 9 c logotype core coulour palette. ... copy. the use of...

Documents