Page 1

look and feel guidelines


booj | look and feel guidelines

logo

configurations & usage

red gradient

This is our primary logo. Use on marketing materials, letter head, business cards etc.

solid red

This is our secondary logo that can be used when gradients are not possible.

black and white

logomark only

Use when color printing is not an option. logomark only

logomark only

white

Use this logo when placing on a black or dark background color or photograph. logo text only

logomark only

logo text only

Use only when booj logo is present only somewhere else on the samelogomark document.

logo & tagline

logo & tagline

logomark only logo & tagline logomark only

Use when booj and its branding the logoare & tagline focus of the document/piece.

logomark only

tagline only

logo text only

logo text only logomark only logo text only present tagline only

Use only when booj logo is somewhere else on the same document/ logo text only page. tagline only logo text only logo & tagline logo text only logo & tagline logo & tagline

tagline only


booj | look and feel guidelines

logo

clear space & minimum size

clear space

Clear space is the space surrounding our logo that is free from an obstructions such as other logos, text, images or the edge of a page. The minimum clearance space for each variation of the logo is 2X. X is defined as the distance between the logo mark and the “b” in “booj”.

minimum size

The minimum size is the smallest width the logo can have to ensure it is still prominent and legible on the document. The minimum size for the logo is 1.4” and the minimum size for the logo mark is .36”. Scale will increase proportionately with the logo’s width.

2X

2X

2X

X

logomark only

logo text only

1.4”

logo & tagline

tagline only

logomark only logomark only

2X

logomark only

.36”


booj | look and feel guidelines

logo

dos & don’ts

dos

1

3

1. Give the logo the correct amount of space surrounding it. 2. Only use the white logo on black or dark backgrounds

don’ts

3. Never distort, stretch or squish the logo in any way.

2

logomark only

4

4. Never cop the logo in any way 5. Do not cover logo with text, other logos or graphic elements.

logo text only

6. Never use the primary logo on dark/busy backgrounds. 5 logomark only logo & tagline

logo text only tagline only logomark only

logo & tagline

logo text only

logomark only tagline only

6


booj | look and feel guidelines

color

specifications

primary colors CMYK

HEX (HTML)

RGB

main color

1

98

95

0

235

34

39

EB

22

27

dark red

25

100

100

24

153

11

15

99

0B

0F

light red

0

89

72

0

255

62

67

FF

3E

43

dark grey

67

60

59

44

68

44

44

44

68

68

logomark only

medium grey

60

51

light grey

27

21

black

100 100 100 100

0

white

0

255

0

51 22

0

20

102

102

102

66

66

66

0

187

187

187

BB

BB

BB

0

00

00

00

255

FF

FF

FF

0

0

logo text only

255

logo & tagline

secondary colors CMYK

HEX (HTML)

RGB

yellow

6

5

97

0

245

224tagline only 27

F5

E0

1B

orange

0

41

89

0

250

164

52

FA

A4

34

light blue

84

45

0

0

0

124

196

00

7C

C4

dark blue

100

87

33

22

18

52

102

12

34

66

turquoise

55

0

27

0

107

200

196

6B

C8

C4


booj | look and feel guidelines

Typography

Print

super header-kabel book 48 pt header-kabel book 30 pt subheader-kabel book 18 pt item header-kabel medium 12 pt

logomark only

body text-veranda regular at 12 pt font and 14 pt leading. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed leo. Maecenas ultrices lorem sit amet diam. Aliquam sollicitudin tristique nulla. Duis libero diam, condimentum et, condimentum logo text only in, congue eu, tellus. Phasellus eu elit at nisi ultricies lobortis. Suspendisse porta commodo leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed leo. Maecenas ultrices lorem sit amet diam. Aliquam sollicitudin tristique nulla. logo & tagline Duis libero diam, condimentum et, condimentum in, congue eu, tellus. Phasellus eu elit at nisi ultricies lobortis. Suspendisse porta commodo leo. Sed tincidunt tincidunt massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed leo. Maecenas ultrices lorem sit amet diam. Aliquam sollicitudin tristique nulla. Duis libero diam, condimentum et, condimentum in, congue eu, tagline only tellus. Phasellus eu elit at nisi ultricies lobortis.

Suspendisse porta commodo leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed leo. Maecenas ultrices lorem sit amet diam. Aliquam sollicitudin tristique nulla. Duis libero diam, condimentum et, condimentum in, congue eu, tellus.


booj | look and feel guidelines

typography

Web

super headerveranda 45 pt header- veranda 24 pt body text-veranda regular at 16 pt font and 20onlypt logomark leading. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce sed leo. Maecenas ultrices lorem sit amet diam. Aliquam sollicitudin tristique nulla. logo text only linked text-veranda 16 pt-�Main Color� hover logo & tagline

tagline only


booj | look and feel guidelines

Icons option 1

logomark only

logo text only

option 2 logo & tagline

tagline only


booj | look and feel guidelines

imagery/ photography overall guidelines

The photography used should be bright, candid and when possible, orignial booj photography. Imagry can be overlayed with a texture when a background or a red bar for captions.

logomark only

logo text only

staff photos

Only use official staff photos. There are both BW and color versions, but BW is preferred.

logo & tagline

tagline only


booj | look and feel guidelines

signatures Laura William

email

The officail email signature should not contain images.

creative/design director | booj phone | 555.555.5555 email | laura@booj.com

Laura William

print

Print signatures will include the logo mark instead of the entire logo. It should be on a document that has the entire logo somewhere else.

creative/design director | booj phone | 555.555.5555 logomark only email | laura@booj.com

logo text only

logo & tagline

tagline only

logomark only


booj | look and feel guidelines

business cards front

Laura William

creative/design director phone | 555.555.5555 email | laura@booj.com booj.com

back

logomark only

logo text only

logo & tagline

tagline only


booj | look and feel guidelines

letterhead

June 21, 2013 575 Union Blvd. Suite 310 Lakewood, CO 80228 logomark only

Dear John Smith,

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip logo text only ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicinglogo & tagline elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam. Laura William creative/design director | booj phone | 555.555.5555 email | laura@booj.com

booj.com

tagline only


booj | look and feel guidelines

envelopes front 575 Union Blvd. #310 Lakewood, CO 80228

logomark only

logo text only

back

nly

logo & tagline

booj.com

nly

tagline only

ne

nly

logomark only


booj | look and feel guidelines

power point

logomark only

logo text only

logo & tagline

tagline only

Booj look and feel guidelines  
Read more
Read more
Similar to
Popular now
Just for you