Brand manual guide a4

Page 1

DESIGN & BRAND GUIDELINES Creating Digital Success Stories

CONTACT Address

Phone

Online

Create Studios Suite 20 / 13-29 Nichols Street Surry Hills NSW 2010

Phone: 02 8355 7350

Email: info@.createstudios.com.au Website: www.createstudiuos.com.au


Create Studios Corporate Brand Guidelines 2 // 40

THE COMPA NY INTRODUCTIO N THE DESIGN GUIDELINES These guidelines describe the visual and verbal elements that represent Create Studios’s corporate identity. This includes our name, logo and other elements such as color, type and graphics.

These guidelines reflect Create Studios´s commitment to quality, consitency and style. The Create Studios brand, including the logo, name, colors and identifying elements, are valuable company assets.

Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company.

Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Create Studios name and marks.


TABLE OF CONTENTS SECTION 1

|

CORPORATE LOGO

SECTION 2

|

CORPORATE TYPOGRAPHY

SECTION 3

|

TEXT HIERARCHY

SECTION 4

|

CORPORATE COLOR SYSTEM

SECTION 5

|

CORPORATE STATIONERY

SECTION 6

|

LOGO PLACEMENT

SECTION 7

|

GRID SYSTEMS

SECTION 8

|

CORPORATE IMAGES

SECTION 9

|

ICONOGRAPHY

SECTION 10

|

SUMMARY AND CONTACT


01

THE CORPORATE LOGO SIGNAGE Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is

The Logo Introduction The Logo Application The Logo Elements Clearspace and computation Incorrect Logo Applications

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


Create Studios Corporate Brand Guidelines 5 // 40

THE CORPORATE FONTS AND TYPOGRAPHY 1) The Logo Symbol Consists of a powerful element evoking the culture of design services and a grey square backround.

THE FULL LOGOTYPE The Create Studios Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence. It has a particular relationship with the Create Studios 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 upper case letters. The typeface is Montserrat Bold and 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 Yellow and Grey. It is a fresh and appealing blend of colours chosen for their strong combination - modern - classic timeless. The Colours have been selected according to international

1

2

2) The Logo Title Carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of upper case letters in gray tone of the chosen corporate color. The font that is used here is Montserrat Bold. 1) The general Logo The main logo is the dark logo used on white or colored backround. For darker backrounds you will

3) The Logo Dark Version

LOGO VERSION

LOGO VERSION

will be used when the backround color ist light colored. 4) The Logo Light Version will be used when the backround color ist dark colored.

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

3

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 Create Studios Trademark Licensing if you have any questions or need further help.


Create Studios Corporate Brand Guidelines 6 // 40

GOLDEN RATIO 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

CLEARSPACE

CLEARSPACE

CLEARSPACE

Logo Symbol

Square Type

Full Logo

/2 x

1

/2 x

1

x

/2 x

1

/2 x

1

/2 x

1

x

/2 x

1

/2 x

1

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.

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.

/2 x

1

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

/2 x

1

x

/2 x

1

/2 x

1

/2 x

1


Create Studios Corporate Brand Guidelines 7 // 40

APPLICATION ON A BACKGROUND

LOGO C

LOGO B

LOGO A

White Background

Colored Background

Black Background

MINIMUM LOGO SIZES

20 mm

5 mm

30 mm

10 mm

Logo Symbol Minimum Size: 5 mm x 5 mm

40 mm

15 mm

Full Logo Minimum Size: 20mm x 3.33 mm


Create Studios Corporate Brand Guidelines 8 // 40


02

THE CORPORATE TYPOGRAPHY 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

The Corporate Fonts Primary Font Secondary Font Font Hierachy

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 Create


Create Studios Corporate Brand Guidelines 10 // 40

THE PRIMARY CORPORATE FONT AND TYPOGRAPHY THE FONT Raleway is an elegant sans-serif typeface family. Initially designed by Matt McInerney as a single thin weight, it was expanded into a 9 weight family by Pablo Impallari and

Rodrigo Fuenzalida in 2012 and iKerned by Igino Marini.

R A L E W A Y 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

PRIMARY FONT RALEWAY

-

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

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

01234567890 ! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç

Figures

Special Characters

TYPE EXAMPLES RALEWAY


Create Studios Corporate Brand Guidelines 11 // 40

THE SECONDARY CORPORATE FONT AND TYPOGRAPHY THE FONT Open Sans is a humanist sans serif typeface designed by Steve Matteson, Type Director of Ascender Corp. Open Sans was designed with an upright stress, open

SECONDARY FONT OPEN SANS

-

forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

O P E N S A N S 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

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

TYPE EXAMPLES OPEN SANS

Figures

Special Characters

012 3 4 5 67 8 9 0 ! “ § $ % & / ( ) = ? ` ; : ¡ “ ¶ ¢ [ ] | { } ≠ ¿ ‘ « ∑ € ® † Ω ¨ ⁄ ø π • ± ‘ æ œ @ ∆ º ª © ƒ ∂ ‚ å ¥ ≈ ç


03

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

Font Hierachy

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 Create


Create Studios Corporate Brand Guidelines 13 // 40

CONTEXT TEXT AND INNER HEADLINES

Caption

Create Studios Typo Source Sans Pro Regular 6 pt Type / 9 pt Leading

HEADLINES AND TYPOBREAKS

Copy Text

Create Studios Typo Source Sans Pro Regular 8 pt Type / 11 pt Leading

Headlines Copytext

CREATE STUDIOS TYPO

Sublines Sections

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

CREATE STUDIOS TYPO -

Big Headlines

Sequencer and Title for Marketing

CREATE STUDIOS TYPO

THE HEADER Montserrat Bold - Capital Letters 48pt Type / 48 pt Leading


Create Studios Corporate Brand Guidelines 14 // 40


04

CORPORATE COLOR SYSTEM THE PRIMARY COLOR SYSTEM AND COLOR CODES Color plays an important role in the Create Studios corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the “One Voice�

The Corporate Colors Primary Color System Secondary Color System

color scheme. Consistent use of these colors will contribute to the cohesive and harmonious look of the Create Studios brand identity across all relevant media. Check with your designer or printer when using the corporate colors that


Create Studios Corporate Brand Guidelines 16 // 40

PRIMARY COLOR SYSTEM Explanation: The Create Studios Company has three official colors: Yellow, Black and Gray. 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.

PRIMARY COLOR BLUE

PRIMARY COLOR DARK GREY

-

-

COLOR CODES

COLOR CODES

CMYK : C000 M020 Y100 K000 Pantone : 297C HKS : 02K RGB : R000 G000 B000 Web : #000000

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

COLOR TONES

COLOR TONES

THE GRADIENT

THE GRADIENT


Create Studios Corporate Brand Guidelines 17 // 40

SECONDARY COLOR SYSTEM Explanation: The Secondary colors are complementary to our official colors, but are not recognizable identifiers for our company. Secondary colors should be used sparingly (less than 10 % of the

Usage: Use them to accent and support the primary color palette.

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

RGB Web

: R000 G000 B000 : #000000

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C

COLOR CODES CMYK : C020 M000 Y000 K080 Pantone : 442C


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.