Weblink Infoways_Brand Guidelines

Page 1

Weblink Infoways Brand Collection

DESIGN AND BRAND GUIDELINES EXPLORE NEW POSSIBILITIES.

CONTACT Address

Phone & Fax

Online

Weblink Infoways Pvt Ltd, Shop 2, Plot 186, Ratan Palace, Garodia Nagar, Ghatkopar East, Mumbai- 400077.

Mobile: Phone: Fax:

Email 1: satish@weblink.infoways.com Email 2: info@weblink.infoways.com Website: www.weblink.infoways.com

+ 91 9324466777 022 2506 0632 --


DESIGN AND BRAND GUIDELINES

Weblink Infoways Pvt. Ltd. Corporate Brand Guidelines Version: v1 / 2020


TABLE OF CONTENTS SECTION 0 | INTRODUCTION

PAGE 4

SECTION 1 | CORPORATE LOGO

PAGE 6

SECTION 2 | CORPORATE TYPOGRAPHY

PAGE 10

SECTION 3 | CORPORATE COLOR SYSTEM

PAGE 14

SECTION 4 | CORPORATE STATIONERY

PAGE 18

SECTION 5 | LOGO PLACEMENT

PAGE 22

SECTION 6 | GRID SYSTEMS

PAGE 24

SECTION 7 | CORPORATE IMAGES

PAGE 30

SECTION 9 | ICONOGRAPHY

PAGE 34


The Introduction

SECTION 0 INTRODUCTION

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines


THE DESIGN GUIDELINES These guidelines describe the visual and verbal elements that represent Weblink Infoways Pvt. Ltd. corporate identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Weblink’s commitment to quality, consitency and style. The Weblink Infoways brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Weblink Infoways name and marks.

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


The Logo Introduction Clearspace and computation The Logo Application The Logo Size

SECTION 1 CORPORATE LOGO

LOGO INTRODUCTION Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination

of the the symbol itself and our company name – they have a fixed relationship that should never be changed.

OUR SYMBOL AND LOGO TYPE Weblink Infoways corporate logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful monogram- a combination of our brand initial ‘W’ and a butterfly which is a strong symbol of freedom and transformation. The beautifully structured spectrum shows the transformation with its structural moving parts and the rainbow colour elements denotes the freedom to explore new possibilities. The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

by the use of Title case letters. The typeface is Product Sans (designed by Google Team) has also been chosen to compliment and balance perfectly with the logo symbol. The corporate logo is presented through the use of colour as well as shape and form. The two corporate colours are Blue and White. This fresh and appealing blend of colours is chosen to complement the logo spectrum. These colours are also a strong combination - modern - classic - timeless. These colours are chosen with printing standards and are easily implemented.


7 // 38

THE LOGOTYPE VERSION 1

1 2

1) The symbol 2) The logotype The main logo is the colourful logo used mainly on the white backround. This logo has two more compositions as per the size available and the requirement of the design layout.

LOGO VERSION 2

LOGO VERSION 3

3) The Logo Version 2 will be used when the squarish size is available in the design layout. 4) The Logo Version 3 will be used when the regular ractangle size is available in the design layout.

Recommended formats are: .eps | .ai | .png | .jpg | .tiff

4

Attention: Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Different Designs Studio, Mumbai if you have any questions or need further help.

3

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


8 // 38

LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate mark. This exclusion zone indicates the closest any other graphic element or message can

be positioned in relation to the mark of the the symbol itself and our company name. This exclsion zone is a clear space around the composition of our brandmark.

0.5 x 1.8 x 2.4 x

CLEARSPACE Full Logo Definition Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

x

Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).

1

/2 x

1

/2 x

1

/2 x

x

1

/2 x


9 // 38

APPLICATION ON A BACKGROUND LOGO A

LOGO C

Coloured version on white background

B/W version on white background

LOGO B

LOGO D

Coloured version on blue background

B/W version on black background

MINIMUM LOGO SIZES

5 mm

30 mm

10 mm

Logo Symbol Minimum Size logo square: 5 mm x 5 mm

50 mm

15 mm

Full Logo Minimum Size: 30mm length

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


The Corporate Fonts Primary Font Secondary Font Font Hierachy

SECTION 2 CORPORATE TYPOGRAPHY

THE CORPORATE FONTS AND TYPOGRAPHY THE CORPORATE TYPOGRAPHY Typography plays an important role in communicating an overall tone and quality. Careful use of typography reinforces our personality and ensures clarity and harmony in all Weblink’s communications. We have selected Montserrat and Source

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

Sans Pro, which helps inject energy and enthusiasm into the entire Weblink’s communications, as the primary and secondary corporate typefaces.


11 // 38

PRIMARY CORPORATE FONT PRIMARY FONT MONTSERRAT DESIGNER : JULIETA ULANOVSKY

M O N T S E R R AT Bold

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

Regular

N O P Q R S T U V W X Y Z

THE FONT The old posters and signs in the traditional neighborhood of Buenos Aires called Montserrat inspired me to design a typeface that rescues the beauty of urban typography from the first half of the twentieth century. The goal is to rescue what is in Montserrat and set it free, under a free, libre and open source license, the SIL Open Font License.

A B C D E F G H I J K L M 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

Figures

Special Characters

0

1

2

3

4

5

6

7

8

9

0

! “ § $ % & / ( ) = ? ` ; : ¡

¢

[

]

|

{

}

¿

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ TYPE EXAMPLES MONTSERRAT FONT

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


12 // 38

PRIMARY CORPORATE FONT PRIMARY FONT SOURCE SANS PRO DESIGNER : PAUL D. HUNT

SOURCE SANS PRO Bold

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

THE FONT

Regular

Source Sans Pro is a sans serif typeface created by Paul D. Hunt for Adobe Systems. It is the first open source font family from Adobe, distributed under the SIL Open Font License. The typeface is inspired by the forms of the American Type Founders’ gothics by Morris Fuller Benton with both a larger x-height and character width. It is available in six weights (Regular, ExtraLight, Light, Semibold, Bold, Black) in upright and italic styles.

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

Figures

Special Characters

0

1

2

3

4

5

6

7

8

9

0

! “ § $ % & / ( ) = ? ` ; : ¡

¢

[

]

|

{

}

¿

« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ TYPE EXAMPLES SOURCE SANS PRO FONT

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç √ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊


13 // 38

TYPOGRAPHY AND TEXT HIERARCHY Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important words are displayed with the most impact so users can scan text for key

CONTEXT TEXT AND INNER HEADLINES

Caption Text

information. Typographic hierarchy creates contrast between elements. There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Design.Inc layouts.

Weblink Infoways Typo Source Sans Pro Regular 6 pt Type / 9 pt Leading

HEADLINES AND TYPOBREAKS

Copy Text

Weblink Infoways Typo Source Sans Pro Regular 8 pt Type / 11 pt Leading

Sublines Sections

WEBLINK INFOWAYS TYPO

Headlines Copytext

Big Headlines and Title

Montserrat Regular - Capital Letters 10pt Type / 10pt Leading

WEBLINK INFOWAYS TYPO Montserrat Bold - Capital Letters 16pt Type / 16pt Leading

WEBLINK Montserrat Bold - Capital Letters 34pt Type / 30 pt Leading

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


The Corporate Colors Primary Color System Secondary Color System

SECTION 3 CORPORATE COLOR SYSTEM

THE PRIMARY COLOR SYSTEM AND COLOR CODES THE COLOR SYSTEM Color plays an important role in the Weblink’s corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “One Voice” color scheme. Consistent use of these

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

colors will contribute to the cohesive and harmonious look of the Weblink’s brand identity across all relevant media. Check with your design agency or printer when using the corporate colors that they will be always be consistent.


15 // 38

PRIMARY COLOR SYSTEM

WEBLINK BLUE

-

COLOR CODES

Explanation: Weblink Infoways Pvt. Ltd. has three official colors: Blue, White, and rainbow spectrum palette. These colors have become a recognizable identifier for the company. Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.

CMYK : C097 M087 Y016 K003 Pantone : RGB : R046 G056 B128 Web : #2e3880

100 %

80 %

60 %

40 %

20 %

COLOR TONES

SUPER WHITE COLOR CODES CMYK : C000 M000 Y000 K000 Pantone : RGB : R255 G255 B255 Web : #ffffff

COLOR TONES

THE WEBLINK SPECTRUM

E3801F

DB3324

C71F26

A11F24

801717

590A0D

0A1F17

002E26

004F4D

057D80

3DADBD

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


16 // 38

THE SECONDARY COLOR SYSTEM AND COLOR CODES SECONDARY COLOR SYSTEM

COLOR CODES

-

Explanation: The Secondary colors are complementary to our official colors, as a part of our brandmark colours. Secondary colors should be used as per the need of the design layout. Usage: Use them to accent and support the primary color palette. Also, this palette can be used in our adverising collaterals to make it loud and classsy.

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000

COLOR CODES

Tones

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

CMYK : C020 M000 Y000 K080 Pantone : 442C HKS : 98K RGB : R000 G000 B000 Web : #000000


Here to express that our colours are one of the most important things to transfer our brand to the customers. And with the colours, the rising shape of our spectrum easily conveys our brand slogan. Also, the shape here denotes our product in a smart and abstract way - The internet with different bandwidth.

EXPLORE NEW POSSIBILITIES.

The Weblink Infoways Corpotate Guidelines

The Desing.Inc Corporate Brand Guidelines


The Company Letterhead The Company Business Cards The Envelope

SECTION 4 CORPORATE STATIONERY THE SPECTRUM FOR ADVERTISING

Explanation: This special brand element is designed to express our brand slogan in a different way. The colours are selected here to make this brand element to settle easily in the advertising design layout and to help design elements and headlines stands out. Usage: This brand element will be used at the upper right corner in a design layout for all official communication and advertising done for Weblink Infoways Pvt. Ltd.

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

EXPLORE NEW POSSIBILITIES


19 // 38

THE COMPANY LETTERHEAD THE COMPANY LETTERHEAD

Explanation: This shows the appropriate layouts with the primary elements of the Weblink’s stationery system for the frontside of the letterheads. Usage: The letterhead will be used for all official communication that is going out of Weblink Infoways Pvt. Ltd.

www.weblink.infoways.com call at +91 9878787887 / +91 9871234526

Dinesh Rao, PQR Solutions Pvt. Ltd. Kailash Complex - E- 49, Vokhroli (w) Mumbai -400079.

Dear Mr. Rao, Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum. has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing type. Lorem Ipsum passages, and more

PARAMETER Dimensions 297 x 210mm DIN A4

recently with desktop publishing software like Aldus Page Maker including versions of Lorem Ipsum. Lore Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.

Weight 120g/m Uncoated white

Your sincerely, Director, Weblink Infoways Pvt. Ltd.

Weblink Infoways Pvt Ltd, Garodia Nagar,

www.weblink.infoways.com

Ghatkopar East, Mumbai- 400077.

Contact: +91 9878787887 / +91 9871234526

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


20 // 38

COMPANY BUSINESS CARDS THE COMPANY BUSINESS CARDS

Frontside

Explanation: This shows the appropriate layouts with the primary elements of the Weblink’s stationery system for business cards. Usage: The business cards will be used for all official contact and communication of Weblink Infoways.

PARAMETER

www.weblink.infoways.com

Backside

Dimensions 85 x 55 mm Weight 400g/m Uncoated white

Satish Suvarna

Print CMYK

+91 8169614794

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

Founder and Director

satish@weblink.infoways.com www.weblink.infoways.com

Weblink Infoways Pvt Ltd, 014, Ratan Palace, Garodia Nagar, Ghatkopar (E), Mumbai- 400077.


21 // 38

THE COMPANY ENVELOPE THE COMPANY ENVELOPE

Explanation: This shows the appropriate layout with the primary elements of the Weblink’s stationery system for envelopes. Insert this letterhead and send your documents wherever is needed.

Frontside

PARAMETER Dimensions 220 x 110 mm Weight 400g/m Uncoated white Print CMYK

Weblink Infoways Pvt Ltd, 014, Ratan Palace, Garodia Nagar , Ghatkopar (E), Mumbai- 400077. | +91 8169614794 | www.weblink.infoways.com

Backside

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


The Logo Placement

SECTION 5 LOGO PLACEMENT

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines


23 // 38

CORRECT LOGO PLACEMENT PARAMETER

THE LOGO PLACEMENT

Explanation: To place the Weblink Infoways logo in the correct way please use one of the approved styles that are shown on the right. To place the Weblink logo in other ways is not suggested.

EXAMPLE 297 x 210mm DIN A4 or A3 poster

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


Grid Systems Vertical Grid Systems A4 Vertical Poster Grid System A3 Horizontal Presentation Grid Vertical Grid System for Tablets

SECTION 6 GRID SYSTEMS

THE WEBLINK INFOWAYS GRID SYSTEMS THE GRID SYSTEM In graphic design, a grid is a structure made up of a series of intersecting straight (vertical, horizontal, and angular) or curved guide lines used to structure content. The grid serves as an armature on which a designer can organize graphic elements

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

(images, glyphs, paragraphs) in a rational, easy to absorb manner. A grid can be used to organize graphic elements in relation to a page, to other graphic elements on the page, or relation to other parts of the same graphic element or shape.


25 // 38

A4 VERTICAL GRID SYSTEM EXAMPLES

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


26 // 38

A4 VERTICAL GRID SYSTEM EXAMPLES

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines


27 // 38

A3 VERTICAL GRID SYSTEM EXAMPLES

Explanation: This shows an approved layout with a typography grid for a A3 Poster of Design. Inc.

Example: Poster A3

EXPLORE NEW POSSIBILITIES.

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


28 // 38

THE WEBLINK GRID SYSTEMS SCREEN HORZONTAL GRID SYSTEM EXAMPLES

Explanation: This shows an appropriate layout with a typography grid for a 16:9 Screen of Weblink. This will be used for Company presentations in Powerpoint.

Example: Screen Grid 16:9

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

EXPLORE NEW POSSIBILITIES.


29 // 38

THE WEBLINK GRID SYSTEMS TABLET VERTICAL GRID SYSTEM EXAMPLE

Example: Tablet

EXPLORE NEW POSSIBILITIES.

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


Corporate Image Corporate Image Colour Blending Modes and Options

SECTION 7 IMAGES AND BLENDING MODES

WEBLINK INFOWAYS CORPORATE IMAGE : COLOUR IMAGES THE IMAGE SYSTEM Corporate Images are responsible to transfer the values of Weblink Infoways to our customers or our potential customers. It is a composite psychological impression that continually changes with the firm’s circumstances, media coverage,

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

performance, pronouncements, etc. Weblink Infoways use various corporate advertising techniques to enhance their public image in order to improve their desirability as a Internet provider, partner, etc.


31 // 38

EXAMPLES FOR WEBLINK INFOWAYS CORPORATE IMAGE SYSTEM

Requirements: -colour images - people engaged with the device - happy/normal expressions - easy contrast - sharp images - Indian people Images

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


32 // 38

WEBLINK INFOWAYS CORPORATE IMAGE : COLOUR IMAGES EXAMPLES FOR WEBLINK INFOWAYS CORPORATE IMAGE SYSTEM

Requirements: -colour images - people engaged with the device - happy/normal expressions - easy contrast - sharp images

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines


33 // 38

WEBLINK INFOWAYS BLENDING MODES FOR IMAGES WEBLINK INFOWAYS BLENDING MODES

-

Explanation Image effects and blending modes also raise the the recognizability of a brand. Here we can creatively blend two images to show a specific subject, only if there’s such a need of the specific layout/design.

EXPLORE NEW POSSIBILITIES.

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


Corporate Iconography Application

SECTION 8 CORPORATE ICONOGRAPHY

WEBLINK INFOWAYS CORPORATE ICONOGRAPHY THE ICONOGRAPHY SYSTEM An icon is a pictogram displayed on a screen or print layout in order to help the user navigate through the content in a easier way. The icon itself is a small picture or symbol serving as a

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines

quick, “intuitive” representation of a software tool, function or a data file.


35 // 38

EXAMPLES FOR WEBLINK’S CORPORATE ICONOGRAPHY SYSTEM

How to: - only use icon with a backround - minimum stroke size: 0.5 pt - upscale only proportional

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


Summary Contact

SECTION 9 SUMMARY AND CONTACT

The Weblink Corporate InfowaysBrand Corpotate Guidelines The Desing.Inc Guidelines


37 // 38

EXPLORE NEW POSSIBILITIES

A SHORT SUMMARY

CONTACT

This document aims to cover all aspects of bringing the Weblink Infoways brand to life.

For further information please contact:

The media kit provided will contains a complete suite of artwork assets in all required formats. If you have a urgent query about the new Weblink brand please contact.

Satish Suvarna Director, Weblink Infoways Pvt. Ltd. E: info@weblink.infoways.com P: 022 2506 0632

Link : http://www.weblink.infoways.com

The Weblink Guidelines TheInfoways Desing.IncCorpotate Corporate Brand Guidelines


EXPLORE NEW POSSIBILITIES. Weblink Infoways Pvt. Ltd. Brand Collection

CONTACT

WEBSITE

Address

Website Link :

Weblink Infoways Pvt Ltd, Shop 2, Plot 186, Ratan Palace, Garodia Nagar, Ghatkopar East, Mumbai- 400077.

http://www.weblink.infoways.com


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.