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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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â&#x20AC;&#x2122;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