design and brand guidelines - kw multimediakw-multimedia.net/kwm/documents/q7pdf.pdftypographic...

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

The 7usoomat Brand Guidelines

SECTION 0INTRODUCTIONThe Introduction


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.


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


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


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


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


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.


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


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 ر ذ د خ ح ج ث ت ب اف غ ع ظ ط ض ص ش س زي و ه ن م ل ك قْ ّ ى آ ئ ء أ إ ؤ ٌ ُ ٍ ِ ً َ


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


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


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 %


SECTION 4CORPORATE STATIONERY

The Company LetterheadThe Company Business Cards

The Envelope


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


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



Print CMYK

THE COMPANYBUSINESS CARDS


19 // 28

THE COMPANYENVELOPE

THE COMPANYENVELOPE

- Explanation: This shows the approved layout with the primary elements of the 7usoomat stationery system for envelopes.

PARAMETER



Print CMYK

Frontside

Backside

THE COMPANYA4 ENVELOPE


PARAMETER



Print CMYK

THE COMPANYA4 ENVELOPE - FRONT


20 // 28

THE COMPANYA4 ENVELOPE - BACK

THE COMPANYA4 ENVELOPE


PARAMETER



Print CMYK


21 // 28

THE COMPANYFOLDER OUTER


PARAMETER



Print CMYK

THE COMPANYFOLDER - OUTER


22 // 28

THE COMPANYFOLDER - INNER

THE COMPANYFOLDER - INNER


PARAMETER



Print CMYK


23 // 28


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


25 // 28

A4 VERTICAL GRID SYSTEM EXAMPLES


26 // 28



27 // 28


- 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

design and brand guidelines - kw multimediakw-multimedia.net/kwm/documents/q7pdf.pdftypographic...

Documents