Brand Design Manual

7/28/2019 Brand Design Manual

1/30

BRAND DESIGN MANUAL


2/30

2Logo Basics

Logo Basics

Logo usage P 3

Logo and word mark usage P 4

Used Colors P 5

Used Typeface P 6-7

3D Logo Styles P 8

2D Logo Styles P 9-10

Common Mistakes P 11-12

Print Identity

Stationary P 13

Product Sheet P 14

Advertisement P 15

Products

Packaging P 16-19

New Product Design P 20-22

Accessories P 23

Fashion P 24-26

Internet

Web Site & Flash Presentation P 27

Web banner P 28

Other Graphic Items

Patterns P 29

Symbols P 30

File List

File List P 31-33

Content


3/30

3Logo Basics

Logo UsageThe Xtatix logo is to be displayed in its entirety on either a solid light or dark background (avoid mid-tone or strongly colored backgrounds).

Note that the shadow is part of the logo and should not be excluded. The logo should not be displayed in parts, with color variations, or with other elements

superimposed on top of the logo. The logo must include the trademark (TM) symbol.

Minimum Logo Size:The logo should not be displayed on screen at any smaller than 40 px tall (with the exception of system icons that demand smaller sizes). The logo should not be

displayed in print at any smaller than 3/8" tall.


4/30

4Logo Basics

When displayed with the accompanying Xtatix wordmark, it must be displayed in one of the following two arrangements. When displayed with theXtatix Emblem,

the product name Xtatix should be rendered in its own designed font in the appropriate size in relation to the "Xtatix' wordmark as indicated in the figures below.

The wordmark and the emblem must include the registered trademark () symbol as indicated in the figures below. The Xtatix Emblem may be displayed on its own

without the accompanying Xtatix wordmark.

Colors:The Xtatix wordmark and registered trademark () must be rendered in "Metaillic Black" (Color infomation on the next page)

The emblem uses the color "Metailic Black" and "Deep Orange". (Color infomation on the next page)

Emblem and Wordmark usage

1x

0.5x

3.7x

2x

Protected Space

Wordmark

Emblem1.5x 1x

0.5x 3.7x

Protected SpaceWordmarkEmblem

Horizontal Logo Vertical Logo


5/30

5Logo Basics

Xtatix Colors


6/30

6Logo Basics

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz / 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz / 1234567890

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz / 1234567890

Arial Narrow regular

Arial

Arial Narrow bold

Print/Flash Fonts

Web Fonts

Used Typeface 2


7/30

7Logo Basics

Used Typeface 1

Paragraph Styles

Name Font family Font style Font size Leading Caps Alignment Space Before Space After Tracking Color Usage

Title/Chapter Arial Narrow Regular 36 36 All Caps Left 0 mm 0 mm 0 Black 6 Titles and Chapter Headlines

Headline 01 Arial Narrow Regular 24 24 Normal Left 30 mm 0 mm 0 Black 6 Main Headline on a Page or in lists

Headline 02 Arial Narrow Regular 14 Auto Normal Left 5 mm 1 mm 0 Black 6Main Headline in a Paragraph or Sub header/

in lists

Headline 03 Arial Narrow Bold 12 Auto Normal Left 5 mm 1 mm 0 Black 6Sub Headline in a Paragraph or First column

in a list

Body Arial Narrow Regular 10 15 Normal Left 0 mm 3 mm 0 Black 6 Body text in Documents, Body text in lists

Page Number Arial Narrow Bold 18 Auto Normal Right 0 mm 0 mm 0 Black 6 Page Numbers, Price

Address Arial Narrow Regular 8 12 Normal Left 0 mm 0 mm 5 White Addresses and Fist Row in lists

Explainations Arial Narrow Regular 8 Auto Normal Right 0 mm 0 mm 5 Black 6 Image explanations, other explanations

Important Note Arial Narrow Regular 10 Auto Normal Left 0 mm 0 mm 0 717 (Orange) Important text elements

Header 1 Right Arial Narrow Regular 24 24 Normal Right 0 mm 0 mm 0 Black 6 Main Header text based documents

Header 2 Right Arial Narrow Regular 14 14 Normal Right 0 mm 0 mm 0 Black 6 Sub Header in text based documents

Foot Note Arial Narrow Regular 8 8 Normal Right 0 mm 0 mm 0 Black 6 Foot Note next to page number


8/30

8Logo Basics

3D Logos Styles

Emblem with Word Mark Vertical Logo Horizontal LogoEmblem Emblem with Crown


9/30

9Logo Basics

2D Logo Styles 1Emblem with Word Mark Vertical LogoEmblem


10/30

10Logo Basics

2D Logo Styles 2Horizontal LogoEmblem with Crown URL Logo


11/30

11Logo Basics

The Xtatix logo and wordmark should not be displayed in modified or displayed in ways that visually compromise the logo. The following figures highlight some common

mistakes to avoid when displaying the logo and wordmark. Incorrect font face, incorrect font color, non-standard orientation and sizing of logo and text, incorrect logo/

text size ratio and position.missing shadow, incorrect colors, incomplete logo, strongly colored background, strong patterned background.

Common Mistakes 1


12/30

12Logo Basics

Common Mistakes 2The Xtatix brand identity should never use orange on white or white on orange. Neither in graphical part nor in text parts.


13/30

13Print Identity

Stationary


14/30

14Print Identity

Product Sheet 1


15/30

15Print Identity

Advertisment


16/30

16Products

Packaging 1

Peeper 2 Packaging Peeper 3 Packaging


17/30

17Products

Packaging 3

Visinaory Packaging Porta Media Packaging


18/30

18Products

Packaging 2

Porta Clik Packaging Stealth Packaging


19/30

19Products

Users Guide

Peeper 2 Manual Porta Media ManualPorta Clik ManualStealth ManualPeeper 3 ManualVisinoary Muanul


20/30

20Productsro ucts

New Products 1

Stealth VisinoaryFree fone 2


21/30

21Products

NEW MOUSE

ro ucts

New Products 3

Stealth Mous with Design


22/30

22Products

PRODUCT LINE

ro ucts

New Products 2

Media Player Media Player Shock ResitantMp3 Player Shock resitant


23/30

23Products

Accessories

Mouse Pads Product BagsSeal Sticker


24/30

24ProductsProducts

Fashion Ideas 01

T-Shirt and ShortsRistband and Headband T-Shirt and Shorts


25/30

25ProductsProducts

Fashion 02

T-Shirt and ShortsRistband and Headband T-Shirt and Shorts


26/30

26Productsro ucts

Fashion 03

Polo-Shirt and ShortRistband and Headband Polo-Shirt and Short


27/30

27Internet

Web Site & Flash Product Presentation


28/30

28Internet

Web Banner

Mouse Pads

Mouse Pads

Size???


29/30

29Other Graphic Items

Patterns


30/30

30Other Graphic Items

Symbols