design standards manual - angel jagrup · jumpix design standards manual the jumpix design...

21
Design Standards Manual

Upload: others

Post on 26-Jun-2020

26 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Design Standards Manual

Page 2: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect
Page 3: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Jumpix Design Standards Manual

The Jumpix design standards manual presents clear and

concise requirements, policies, and processes to enable

consistent branding for public and private projects.

5 Identity Guidelines

7 Clear Space

8 Minimum Size

9 Logo Color

10 Incorrect Uses

13 Visual Guidelines

15 Color Palette

16 Typography

19 Applications

3

Page 4: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect
Page 5: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Jumpix was launched in late 2013 as a new software involved with helping consumers access and move files between major cloud providers. Users have the ability to access this application over the web. Identity Guidelines

5

Page 6: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

x-height

x

x

x

6

Page 7: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Clear SpaceThe Jumpix logo must be surrounded on all sides by the specified clear space to separate it distinctly from any other graphic elements. This clear space ensures visibility and preserves the integrity of the signature. This diagram indicates the alignment specifications for the logo.

Clear space is equal

to the height of a

lowercase letter from

the signature. The clear

space varies with the

size of the signature.

7

Page 8: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Minimum SizeThe original logo size is 2” in width. Do not reproduce the original logo less than 1.25” in width. Any width smaller than this will reduce the quality and clarity of the logo.

When measuring the logo locate the the edges of the illustration as indicated in the diagram.

If a size smaller than 1.25” is necessary then remove the descriptor text from the logo. The logo can be reduced to a minimum of 1”.

When resizing the signature, it is critical that it be resized proportionately.

2”

1.25”

1”

8

Page 9: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Black

0 | 0 | 0

#000000

Pantone 389C

206 | 222 | 0

#CEDE00

Pantone 389C

206 | 222 | 0

#CEDE00

Logo ColorThe coloration of the logo is esstential to the branding standards. Consistency of branding invovles keeping within the Jumpix color scheme. The logo is composed of process Pantone colors.

Do not reduce the

opacity of the logo.

9

Page 10: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Incorrect UsesThese are examples for the incorrect application of the Jumpix logo. Do NOT do the following without expressed permission from Jumpix:

do not flip do not resize smaller than 1.25”

do not rotate the logo

do not place inside a shape

do not apply a drop shadow

do not stretch out of proportion

do not reconfigure or redraw the logo

do not change spacing do not crop the logo

10

Page 11: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

All of the uses listed

are unacceptable

alterations to the

Jumpix logo. Any design

questions should be

directed to:

[email protected]

do not change the font do not change the character kerning

do not skew do not use alternate colors

do not remove portions of the logo

do not place logo place on top of similar colors

11

Page 12: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

12

Page 13: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Visual guildlines for Jumpix show the color palette, typography, image style and graphic elements.

It is important to follow this standard because it reinforces the brand identity. Visual Guidelines

Page 14: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

APantone 360 C CMYK 61/0/96/0RGB 110/190/74 #6CC049

BPantone 7739 C CMYK 81/15/100/2RGB 45/154/71 #2E9941

CPantone 389 C CMYK 24/0/100/0RGB 205/220/41 #CEDE00

A1 CMYK 12/0/19/0RGB 223/239/216

B1 CMYK 16/4/21/0RGB 212/226/208

C1 CMYK 5/0/19/0RGB 242/246/216

A5 CMYK 73/27/100/11RGB 75/133/68

B5 CMYK 72/24/85/8RGB 77/142/88

C5 CMYK 35/15/88/1RGB 175/186/91

A3 CMYK 37/0/58/0RGB 164/212/149

B3 CMYK 50/11/60/0RGB 134/184/137

C3 CMYK 14/0/59/0RGB 222/231/146

A7 CMYK 77/52/86/66RGB 25/50/26

B7 CMYK 66/43/67/24RGB 85/105/87

C7 CMYK 54/39/69/16RGB 116/122/93

A2 CMYK 24/0/38/0RGB 194/225/181

B2 CMYK 34/7/41/0RGB 172/204/170

C2 CMYK 9/0/40/0RGB 233/238/180

A6 CMYK 78/41/99/38RGB 48/87/47

B6 CMYK 67/33/73/15RGB 87/125/92

C6 CMYK 46/28/78/5RGB 145/154/98

A4 CMYK 49/0/77/0RGB 135/200/109

B4 CMYK 66/13/81/1RGB 94/168/105

C4 CMYK 19/0/79/0RGB 213/225/110

A8 CMYK 74/63/70/85RGB 0/9/0

B8 CMYK 67/55/62/39RGB 71/78/73

C8 CMYK 63/53/63/34RGB 83/85/76

Page 15: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

DPantone 7676 C CMYK 61/67/9/0RGB 120/102/161 #77649F

EPantone 7670 C CMYK 77/78/10/1RGB 89/82/149 #585094

D1 CMYK 12/13/2/0RGB 220/214/229

E1 CMYK 16/6/2/0RGB 210/206/224

D5 CMYK 61/63/20/2RGB 119/104/144

E5 CMYK 71/71/21/5RGB 98/90/135

D3 CMYK 37/41/6/0RGB 165/150/188

E3 CMYK 47/47/7/0RGB 144/135/178

D7 CMYK 64/60/41/18RGB 98/93/109

E7 CMYK 64/60/41/18RGB 98/93/109

D2 CMYK 24/27/4/0RGB 191/181/208

E2 CMYK 31/31/4/0RGB 176/168/200

D6 CMYK 62/61/31/8RGB 111/101/128

E6 CMYK 68/67/31/11RGB 97/90/121

D4 CMYK 49/53/7/0RGB 142/125/172

E4 CMYK 62/63/9/1RGB 117/107/160

D8 CMYK 68/62/52/35RGB 76/74/81

E8 CMYK 69/64/51/37RGB 72/70/79

Color PaletteThe Jumpix color palette is made up of a primary and secondary color palette. The secondary palette contains tints and shades of the 5 primary colors.

The consistent use of these colors will help strengthen the brand identity and create brand recognition.

15

Page 16: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Calibri

TypographyThe Jumpix typography focuses on two typefaces, Quicksand and Calibri. The consistent use of the typefaces will endorse a strong brand identity. The font Calibri is for body text and paragraphs. Quicksand is used for headings as well as a way for text to stand out.

Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Bold Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Italic

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

16

Page 17: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

Quicksand Light

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Light Oblique

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Book

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Book Oblique

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Bold

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

Bold Oblique

Aa Bb Cc Dd Ee Ff

Gg Hh Ii Jj Kk Ll

Mm Nn Oo Pp Qq

Rr Ss Tt Uu Vv Ww

Xx Yy Zz

17

Page 18: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

18

Page 19: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

The Jumpix brand will be displayed on materials such as: stationary, business cards, marketing materials and media.

This section provides sample mockups, layouts, and applications that promote the Jumpix brand.

Applications

Page 20: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

20

Page 21: Design Standards Manual - Angel Jagrup · Jumpix Design Standards Manual The Jumpix design standards manual presents clear and ... 7 Clear Space 8 Minimum Size 9 Logo Color 10 Incorrect

These are examples to

show the application of

the Jumpix logo.

21