design and brand guidelines - kw multimediakw-multimedia.net/kwm/documents/q7pdf.pdftypographic...
TRANSCRIPT
CONTACT
Address
7usoomatRiyadh Saudi Arabia
Phone & Fax
Free Toll: 920000000Phone: + 966 11 2345678 Fax: + 966 11 2345678
Online
Email 1: [email protected] 2: [email protected] Website: www.7usoomat.com.sa
WE LOVE THAT BRAND.
DESIGN ANDBRAND GUIDELINES
7USOOMAT
7usoomatCorporate Brand Guidelines
Version: v1 // 2016
DESIGN ANDBRAND GUIDELINES
TABLE OF CONTENTS
SECTION 2 | CORPORATE TYPOGRAPHY
SECTION 3 | CORPORATE COLOR SYSTEM
SECTION 4 | CORPORATE STATIONERY
SECTION 5 | GRID SYSTEM
SECTION 1 | CORPORATE LOGO
SECTION 0 | INTRODUCTION
The 7usoomat Brand Guidelines
SECTION 0INTRODUCTIONThe Introduction
The 7usoomat Brand Guidelines
THE DESIGN GUIDELINES
These guidelines describe the visual and verbal elements that represent 7usoomat́ s 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 7usoomat́ s commitment to quality, consitency and style.
The 7usoomat 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 7usoomat name and marks.
The 7usoomat Brand Guidelines
LOGO INTRODUCTIONOur 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 in any way.
THE FULL LOGOTYPE
The 7usoomat Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a comprised of the letters themselves tweaked to form a serious, classy logo emblem.
It has a particular relationship with the 7usoomat name.
The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of bold letters. The typeface 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 dark blue and mustard yellow. It is a fresh and appealing blend of colours chosen for their strong combination - classic.
The Colours have been selected according to international standards as shown below and are easily implemented.
SECTION 1CORPORATE LOGO
The Logo IntroductionClearspace and computation
The Logo ApplicationThe Logo Size
1
2 3
The 7usoomat Brand Guidelines
7 // 28
LOGO DARK VERSION LOGO LIGHT VERSION2) The Logo Dark Version will be used when the background is light or white.
3) The Logo Light Version will be used when the backround color ist dark colored.
Recommended formats are:.eps | .ai | .png | .jpg | .tiff
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 7usoomat Trademark Licensing if you have any questions or need further help.
1) The Logo
THE LOGOTYPE
1) The general Logo The main logo is the dark logo used on white or colored backround. For darker backrounds you will find an alternative below.
x
1/2 x
1/2 x
x
1/2 x
1/2 x
The 7usoomat Brand Guidelines
8 // 28
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 – they have a fixed relationship that should never be changed in any way.
CLEARSPACE
Full Logo
LOGO CONSTRUCTION, CLEARSPACE AND COMPUTATION
Computation-To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
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.
40 mm 30 mm 20 mm
The 7usoomat Brand Guidelines
9 // 28
APPLICATION ON A BACKGROUND
LOGO AFlat Color Version
LOGO BGreyscale Version
LOGO CMonotype Version
MINIMUM LOGO SIZES
Full LogoMinimum Size: 20mm x 5mm
The 7usoomat Brand Guidelines
SECTION 2CORPORATE TYPOGRAPHY
The Corporate FontsPrimary Font
Font Hierachy
THE CORPORATE FONTSAND 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 7usoomat communications. We have selected Gill Sans & GE SS Two, which
helps inject energy and enthusiasm into the entire 7usoomat communications, as the primary and secondary corporate typefaces.
The 7usoomat Brand Guidelines
11 // 28
PRIMARY FONTGILL SANS
TYPE EXAMPLESGILL SANS
GILL SANSRegular
Figures 0 1 2 3 4 5 6 7 8 9 0
Special Characters
! “ § $ % & / ( ) = ? ` ; :
¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘
æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç
√ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊
PRIMARY CORPORATE FONT
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
Bold A B C D E F G H I J K L MN O P Q R S T U V W X Y Za b c d e f g h i j k l mn o p q r s t u v w x y z
The 7usoomat Brand Guidelines
12 // 28
PRIMARY FONTGE SS TWO
DESIGNER : GE
TYPE EXAMPLESGE SS TWO
GE SS TWOLight ر ذ د خ ح ج ث ت ب ا
ف غ ع ظ ط ض ص ش س زي و ه ن م ل ك قْ ّ ى آ ئ ء أ إ ؤ ٌ ُ ٍ ِ ً َ
Figures 0 1 2 3 4 5 6 7 8 9 0
Special Characters
! “ § $ % & / ( ) = ? ` ; :¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘
« ∑ € ® † Ω ¨ ⁄ ø π • ± ‘
æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç
√ ~ µ ∞ … – ≤ < > ≥ ˘ › ‹ ◊
PRIMARY CORPORATE FONT
Bold ر ذ د خ ح ج ث ت ب اف غ ع ظ ط ض ص ش س زي و ه ن م ل ك قْ ّ ى آ ئ ء أ إ ؤ ٌ ُ ٍ ِ ً َ
The 7usoomat Brand Guidelines
13 // 28
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
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 7usoomat layouts.
TYPOGRAPHY AND TEXT HIERARCHY
CONTEXT TEXTAND INNER HEADLINES
HEADLINES AND TYPOBREAKS
Caption Text
Copy Text
Headlines Copytext
Sublines Sections
-
Gill Sans / GE SS Two light
6 pt Type / 9 pt Leading
- Gill Sans / GE SS Two light 8 pt Type / 11 pt Leading
- Gill Sans / GE SS Two light - Capital Letters 10pt Type / 10pt Leading
- Gill Sans / GE SS Two Bold - Capital Letters 34pt Type / 30 pt Leading
- Gill Sans / GE SS Two Bold - Capital Letters 16pt Type / 16pt Leading
Big Headlines and Title
The 7usoomat Brand Guidelines
SECTION 3CORPORATE COLOR SYSTEM
THE PRIMARY COLOR SYSTEM AND COLOR CODES
THE COLOR SYSTEM
Color plays an important role in the 7usoomat 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
colors will contribute to the cohesive and harmonious look of the 7usoomat brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.
The Corporate ColorsPrimary Color System
The 7usoomat Brand Guidelines
15 // 28
PRIMARY COLORDARK BLUE
-
COLOR CODESPantone : 5255 C
PRIMARY COLORMUSTARD YELLOW
-
COLOR CODESPantone : 611C
PRIMARY COLOR SYSTEM
-Explanation: The 7usoomat Company has two official colors: Mustard Yellow, and Dark Blue. 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.
COLOR TONES
COLOR TONES
100 %
100 %
60 %
60 %
80 %
80 %
40 %
40 %
20 %
20 %
The 7usoomat Brand Guidelines
SECTION 4CORPORATE STATIONERY
The Company LetterheadThe Company Business Cards
The Envelope
The 7usoomat Brand Guidelines
17 // 28
THE COMPANYLETTERHEAD
- Explanation: This shows the approved layouts with the primary elements of the 7usoomat stationery system for the front- and backside of the letterheads.
Usage:The letterhead will be used for all official communication that is going out of 7usoomat company.
PARAMETER
Dimensions 297 x 210mmDIN A4
Dimensions 297 x 210mmDIN A4
Weight 120g/m Uncoated white
THE COMPANYLETTERHEAD
The 7usoomat Brand Guidelines
18 // 28
THE COMPANYBUSINESS CARDS
- Explanation: This shows the approved layouts with the primary elements of the 7usoomat stationery system for business cards.
Usage:The business cards will be used for all official contact and communication of 7usoomat company. Insert the 7usoomat letterhead and send your documents throughout the world.
Frontside
Backside
PARAMETER
Dimensions 85 x 55 mm
Weight 400g/m Uncoated white
Weight 120g/m Uncoated white
Print CMYK
THE COMPANYBUSINESS CARDS
The 7usoomat Brand Guidelines
19 // 28
THE COMPANYENVELOPE
THE COMPANYENVELOPE
- Explanation: This shows the approved layout with the primary elements of the 7usoomat stationery system for envelopes.
PARAMETER
Dimensions 220 x 110 mm
Weight 400g/m Uncoated white
Print CMYK
Frontside
Backside
THE COMPANYA4 ENVELOPE
- Explanation: This shows the approved layouts with the primary elements of the 7usoomat stationery system for business cards.
PARAMETER
Dimensions 320 x 230 mm
Weight 120g/m Uncoated white
Print CMYK
THE COMPANYA4 ENVELOPE - FRONT
The 7usoomat Brand Guidelines
20 // 28
THE COMPANYA4 ENVELOPE - BACK
THE COMPANYA4 ENVELOPE
- Explanation: This shows the approved layout with the primary elements of the 7usoomat stationery system for envelopes.
PARAMETER
Dimensions 320 x 230 mm
Weight 400g/m Uncoated white
Print CMYK
The 7usoomat Brand Guidelines
21 // 28
THE COMPANYFOLDER OUTER
- Explanation: This shows the approved layouts with the primary elements of the 7usoomat stationery system for business cards.
PARAMETER
Dimensions 320 x 230 mm
Weight 400g/m Uncoated white
Print CMYK
THE COMPANYFOLDER - OUTER
The 7usoomat Brand Guidelines
22 // 28
THE COMPANYFOLDER - INNER
THE COMPANYFOLDER - INNER
- Explanation: This shows the approved layout with the primary elements of the 7usoomat stationery system for envelopes.
PARAMETER
Dimensions 320 x 230 mm
Weight 400g/m Uncoated white
Print CMYK
The 7usoomat Brand Guidelines
23 // 28
The 7usoomat Brand Guidelines
SECTION 5GRID SYSTEMS
THE 7USOOMAT 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
(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.
Grid SystemsVertical Grid Systems A4
Vertical Poster Grid System A3
The 7usoomat Brand Guidelines
25 // 28
A4 VERTICAL GRID SYSTEM EXAMPLES
The 7usoomat Brand Guidelines
26 // 28
A4 VERTICAL GRID SYSTEM EXAMPLES
The 7usoomat Brand Guidelines
27 // 28
A3 VERTICAL GRID SYSTEM EXAMPLES
- Explanation: This shows an approved layout with a typography grid for a A3 Poster of 7usoomat.
Example: Poster A3
WE LOVETHAT BRAND.
CONTACT
Address
7usoomat CompanyRiyadhSaudi Arabia
7usoomat Brand Collection