This book is exclusively designed for Marasi Marinas, UAE
by M.Rasoulipour OCT 2016- MAY 2017
Designed and Printed in the USA
MARASI MARINA MANAGEMENT
Introduction
7
1. Logo
13
2. Colors
33
3. Typefaces
45
4. Stationary
53
5. Print Standards
87
.The Base ‘M’ ..LogoForm ...Abbreviated Logo ....LogoType
.Primary and Complimentary ..Background ...Object and Text colors ....Color Roles
.Primary Typefaces ..Secondary Typefaces
.Business Card ..Letter Head ...Envelopes ....Brochure .....Uniforms
19 21 25 29
36 38 41 42
49 50
57 63 69 75 79
VISUAL BRAND STANDARDS
7
MARASI MARINA MANAGEMENT
Introduction A brief on the project and the book of standards
VISUAL BRAND STANDARDS
8
The purpose of this document is to inform the later extensions of designs of this brand with the principles and standards it was based on. With following these standards a unified and comprehensive visual identity will be achieved for the brand.
M.RASOULIPOUR
9
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
10
The four versions that were proposed for the logo. A variation of the third version was selected.
M.RASOULIPOUR
11
MARASI MARINA MANAGEMENT
I.
III.
II.
IV.
VISUAL BRAND STANDARDS
12
M.RASOULIPOUR
13
MARASI MARINA MANAGEMENT
Logo The meaning, the making, and the standards.
VISUAL BRAND STANDARDS
14
In this section, the standards of the LogoForm is explained. To achieve the basic shape of the ‘M’ in the logo the following steps have been made. The construction of the logo has been done through Adobe Illustrator. In order to get to the base form open a new Adobe Illustrator file and follow the numerals one by one:
I. Create a 60x60 (px) square and give it the stroke thickness - 19pt II. Rotate the square by 90 degrees III. Delete the top control point of the diamond so that you have a ‘v’ shape IV. Using the pen tool click on one of the open sides of the ‘v’ and create a straight vertical line going up. Do the same with the other side. The length of the line is not very important as long as it is bigger that the size of either sides of the ‘v’ shape. Please see the shape in order to have an idea about the approximate length of the vertical hands. V. In order to round the corners of the shape select the two control points on either side of the center control point and stretch inwards until the rounding reaches max. VI. Shape VI shows the desired shape that step V achieves. After getting to this shape Expand the line so it is made into a solid (Method: Object > Expand… > OK).
M.RASOULIPOUR
15
MARASI MARINA MANAGEMENT
I.
IV.
II.
V.
III.
VI.
VISUAL BRAND STANDARDS
16
M.RASOULIPOUR
VII.
VIII.
IX.
X.
XI.
XII.
17
VII. Create a rectangular box that surrounds the VI shape precisely. Place the box behind the VI shape. VIII. Click on the VI shape, make a duplicate in the same place and make the copy into a stroke. Increase the stroke thickness to 20pt on the copy. For better visibility change the stroke color. Expand the stroke.
MARASI MARINA MANAGEMENT
XII. Trim the shape on top where it exceeds the box. You will have Shape XII which is the base ‘M’. This the shape that the logo is based on.
IX. Reduce the expanded stroke from the rectangle (Method: Minus Front option in Pathfinder). That will leave you with shape IX. X. Double click on the excess shape created by the reduction in the top middle of the composition. You can make the leftover, in one color to achieve shape X. XI. Make a box starting from the bottom of the shape with the full width of the shape and as high as when the box reaches the outer edges of the VI shape (Tangent of the curve). Place the box below the shape.
VISUAL BRAND STANDARDS
18
M.RASOULIPOUR
19
MARASI MARINA MANAGEMENT
The Base ‘M’ The geometry of the ‘M’ is based on several circles and a confining box.
VISUAL BRAND STANDARDS
20
M.RASOULIPOUR
21
MARASI MARINA MANAGEMENT
LogoForm Tiling the ‘M’ form horizontally three times will result in the LogoForm The logo form is composed of two basic ideas. - First, it reflects three ‘M’ shapes in order to show the acronym of Marasi Marina Management (MMM). - Second, it shows three boats docking by a marina.
VISUAL BRAND STANDARDS
22
Beside the horizontal tiling of the shape which gives us the LogoForm, the vertical tiling of the ‘M’ could be interpreted as anchor. Currently no certain purpose has been defined for the anchor in the brand, but, there could be a use for this shape in the future. One possible use could be for the flags, which is discussed in a later chapter.
M.RASOULIPOUR
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
24
I.
II.
III.
M.RASOULIPOUR
25
MARASI MARINA MANAGEMENT
Abbreviated Logo The abbreviated version of the logo is used for compositions that require a small visual representation of Marasi Marina Management but don’t have enough space to fit the logoform or the logotype. One of the main uses of this version is for the favicon. Here you can see the form and uses of the abbreviated logo. I. Abbreviated form II. Use as an icon: 30x30 px III. Use as favicon: 16x16 px
VISUAL BRAND STANDARDS
26
I.a
I.b
II.a
M.RASOULIPOUR
II.b
27
This is a guide for the use of logo form and abbreviated logo on dark and light backgrounds. Both backgrounds are allowed as long as the logos have the standard gold color.
MARASI MARINA MANAGEMENT
I.a. Use of logoform on dark background. II.a. Use of abbreviated logo on dark background. I.b. Use of logoform on white or off white background. II.b. Use of abbreviated logo on white or off white background.
VISUAL BRAND STANDARDS
28
M.RASOULIPOUR
29
MARASI MARINA MANAGEMENT
LogoType The alphabetic representation of the Marasi Marina Management is an aid to the logoform to create a complete logo.
VISUAL BRAND STANDARDS
30
Typeface: Big Caslon Weight: Medium Size: 25 pt Tracking: 97 pt
Typeface: Big Caslon Weight: Medium Size: 8 pt Tracking: 97 pt
M.RASOULIPOUR
31
MARASI MARINA MANAGEMENT
The gap between the first line and the second could be checked by an 8 pt ‘G’ from the same typeface.
VISUAL BRAND STANDARDS
32
M.RASOULIPOUR
33
MARASI MARINA MANAGEMENT
Color
Capturing the feeling of the business and appealing to MMM’s customers
VISUAL BRAND STANDARDS
34
When you think of a marina the first color that comes to mind is, naturally, blue. I knew there needed to be a shade of blue to relate to the ‘water’ aspect of a marina. So I chose a blue-green that had dark gray mixed into it. The color of the Gulf waters. I was told by my client that they like warm colors like gold and cream. With this in mind I made the focus color/ primary color of the brand gold. The reasons for that went beyond the request from my client. The gold color that I chose, was also reflective of sun and sand. Besides the gold also was relevant to the luxury nature of the Marasi Marinas. The ‘off white’ helped me have a light color to balance the dark navy. Looking at a satellite image of Abu Dhabi you can find all 5 color that are represented in the brand identity.
M.RASOULIPOUR
35
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
36
I.
M.RASOULIPOUR
37
MARASI MARINA MANAGEMENT
II.
III.
I. Standard colors of Marasi Marina Management, including print and web color codes. II. Primary colors III. Secondary/complimentary colors
VISUAL BRAND STANDARDS
38
Background Colors
I. I. Primary background color off-white : hex color #21222d C: 08% M:06% Y: 06% K: 00% II. Secondary background color blue : hex color #a09382 C: 86% M:67% Y: 46% K: 35%
M.RASOULIPOUR
II.
39
I.
MARASI MARINA MANAGEMENT
II.
VISUAL BRAND STANDARDS
40
a.
b.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
c.
d.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
e.
M.RASOULIPOUR
41
MARASI MARINA MANAGEMENT
Object & Text Colors
I. I. Primary foreground color gold : hex color #bcb1a0 C: 39% M:37% Y: 48% K: 03% II. Secondary text color cream : hex color #e8e7e7 C: 27% M:26% Y: 36% K: 00% a. Shows the use of primary foreground color for objects on dark background
II. c. Shows the use of primary foreground color for text on dark background d. Shows the use of primary foreground color for text on light background e. Shows the use of secondary text color for 9pt texts and smaller on a dark background. This helps the readability the smaller types in print. (not for web use)
b. Shows the use of primary foreground color for objects on light background
VISUAL BRAND STANDARDS
42
I. Off-white hex color: #21222d print: C: 08% M:06% Y: 06% K: 00% Off-white is the primary background color. Used also in stationary designs and uniforms. II. Cream hex color: #e8e7e7 print: C: 27% M:26% Y: 36% K: 00% Cream is a complimentary color. Is exclusively used for texts with type 9pt and smaller. III. Gold hex color: #bcb1a0 print: print: C: 39% M:37% Y: 48% K: 03% Gold is the primary object and text color. Meaning all logos are represented in this color and all texts with one exception mentioned above IV. Blue hex color: #a09382 print: C: 86% M:67% Y: 46% K: 35% Blue is a secondary background color. It is also used for stationery business cards and uniforms pants sweaters and ties. V. Navy hex color: #2b4356 print: C: 79% M:73% Y: 55% K: 66% Except in rare cases in stationary and uniforms, this color is only used in the wave pattern explained in the next chapter.
M.RASOULIPOUR
43
MARASI MARINA MANAGEMENT
I.
II.
III.
IV.
V.
VISUAL BRAND STANDARDS
44
M.RASOULIPOUR
45
MARASI MARINA MANAGEMENT
Typefaces Standards for typefaces and fonts used for texts and logo.
VISUAL BRAND STANDARDS
46
Beside the Big Caslon font used for the logotype, Marasi Marina Management uses two other typefaces and font families for the body texts and writings other than in the logo varieties. I. Primary typefaces II. Secondary typefaces
M.RASOULIPOUR
47
I.
II.
MARASI MARINA MANAGEMENT
Big Caslon Trajan Pro Baskerville Myriad Pro
VISUAL BRAND STANDARDS
48
II.
M.RASOULIPOUR
49
MARASI MARINA MANAGEMENT
Primary Typefaces Big Caslon and Trajan Pro are primary typefaces for Marasi Marina Management brand. I. Big Caslon - Beside in the LogoType Big Caslon is used for big headlines. This book uses Big Caslon as chapter headlines. II. Trajan Pro - This typeface is used for any written form except for small body text. For example the information on business cards are in Trajan Pro.
VISUAL BRAND STANDARDS
50
Secondary Typefaces Secondary typefaces, Baskerville and Myriad Pro, are used to help with mostly the body text and presentation of the brand. I. Baskerville - Most body texts are used in Baskerville typeface. For example this paragraph is styled in Baskerville. This typeface is chosen for its wide support, readability, and elegance. II. Myriad Pro - This typeface is used mostly for presentations as a helper typeface. Use of this typeface tells the viewer that this information is not a part of the brand information.
M.RASOULIPOUR
51
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
52
M.RASOULIPOUR
53
MARASI MARINA MANAGEMENT
Stationary Standards for business cards, letter heads and etc.
VISUAL BRAND STANDARDS
54
Mock-Up of Stationary
55
56
M.RASOULIPOUR
57
MARASI MARINA MANAGEMENT
Business Cards
VISUAL BRAND STANDARDS
58
I.
II.
2”
M.RASOULIPOUR
3.5”
59
MARASI MARINA MANAGEMENT
Some details about the Back of the business card. I. The logo will be placced on the back of the card with the width of one inch. II. The cards are dessinged in US standard, therefore the cards would be cut to 3.5 inches wide and 2 inches high.
VISUAL BRAND STANDARDS
60
I. The center of the logo should be placed on the center of the card. II. This shae shows that the center of this version of log is exacly at the bottom of the center ‘M’. III. Another way to test the correct placement of the logo is having two rows of LogoForm placed on each other at the bottom and two on top like show in shapes III.
M.RASOULIPOUR
61
MARASI MARINA MANAGEMENT
I.
II.
III.
VISUAL BRAND STANDARDS
62
M.RASOULIPOUR
63
MARASI MARINA MANAGEMENT
Letter Heads
VISUAL BRAND STANDARDS
64
Letter heads for Marasi Marina Management are designed to fit international standard letter sizes of A4. There are two designs for the brand’s letter heads. One is a gold lettering on white paper and the other includes blue bars on top and bottom as a header and footer.
I. This version is designed to be the standard letter head. Due to the content of the page not reaching the edge of the page, this version does not requre bleed and re trimming. So it could be directly printed on A4 sized paper of white or slighly off-white color. The logo on the header in this version should be 2 inches wide and the LogoForm at the footer should be 0.6 inches wide. The font used in the footer is styled in Trajan Pro of the size 9.5 pt.
M.RASOULIPOUR
65
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
66
II. This version is designed to be the exclusive letter head. Due to the designs needing bleed this version can not be printed on a A4 paper but should be printed on a larger paper and then trimmed to the standard A4 size. The logo on the header in this version should be 1.5 inches wide. Same as the standard version, the font used in the footer is styled in Trajan Pro of the size 9.5 pt.
M.RASOULIPOUR
67
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
68
M.RASOULIPOUR
69
MARASI MARINA MANAGEMENT
Envelopes
VISUAL BRAND STANDARDS
70
The full-sized envelopes could hold A4 letters and have two designs of standard and exclusive. These are custom designs and should be printed on A2 papers and trimmed and folded along the designated marks. The standard version uses a 2 inch LogoType on the bottom left of the back side of the envelope. The exclusive version uses a 2 inch logo at the center of the back side. Both versions of the full-sized envelopes use 9.5 pt Trajan Pro font for the the address information.
M.RASOULIPOUR
71
MARASI MARINA MANAGEMENT
10th Floor, Tamouh Tower, Marina Square , Reem Island Abu Dhabi, U.A.E.| P.O. Box 44072 | 800-Marasi (627274)
10th Floor, Tamouh Tower, Marina Square , Reem Island Abu Dhabi, U.A.E.| P.O. Box 44072 | 800-Marasi (627274)
9-10 pt
2 inches
10th Floor, Tamouh Tower, Marina Square , Reem Island Abu Dhabi, U.A.E.| P.O. Box 44072 | 800-Marasi (627274)
10th Floor, Tamouh Tower, Marina Square , Reem Island Abu Dhabi, U.A.E.| P.O. Box 44072 | 800-Marasi (627274)
2 inches
VISUAL BRAND STANDARDS
72
1 inch
1.5 inch
M.RASOULIPOUR
8 pt.
73
MARASI MARINA MANAGEMENT
The small envelopes that could hold tri-folded A4 letters also have two designs of standard and exclusive. These are streamlined designs and could be printed on ready made envelopes of matching colors of blue for exclusive and off-white for standard. The inside colors of the envelopes depends on the availability and need not to be custom printed. The flap colors for both styles are the same color as the body. Both versions of the small envelopes use a 1 inch LogoForm at the bottom right of the front face and a 1.5 inch LogoType on the back of the envelope. The address information in written in 8 pt Trajan Pro font.
VISUAL BRAND STANDARDS
74
M.RASOULIPOUR
75
MARASI MARINA MANAGEMENT
Brochure
VISUAL BRAND STANDARDS
77
MARASI MARINA MANAGEMENT
The eight page brochure was designed as print advertisment material. The finished dimentions: 5.5 x 5.5 inches or 14x14 cm pages. Must be prited full color back and front on A2 paper and trimmed across the provided trim marks. The images in this print design has been provided and licenced by Marasi Marinas.
VISUAL BRAND STANDARDS
78
M.RASOULIPOUR
79
MARASI MARINA MANAGEMENT
Uniforms
VISUAL BRAND STANDARDS
80
I.
II.
III.
IV.
M.RASOULIPOUR
81
MARASI MARINA MANAGEMENT
Tops and bottoms for Marasi Marina Management staff uniform. I. Standard top for men staff. The short button up colored coton shirts with hidden buttons are the base of the mens uniform. II. Standard womens’ uniform is an offwhite shirt with the LogoForm on the top right of shirt with long collars shown in the figure. III. Standard men’s blue pants with matching or black belt. IV. Standard women’s skirt with black or matching belt. The skirts have have a five inch cut on the left and right.
VISUAL BRAND STANDARDS
82
I.
II.
III.
IV.
M.RASOULIPOUR
83
MARASI MARINA MANAGEMENT
Standard summer field uniform
Accesories and the extras for the uniform include: I. Standard sweater for cooler weather or night events. II. Standard gold shorts for hotter weather or field/repair staff. Note the white belt. III. Samples of acceptable ties bowties and scarfs to be matched with the uniform. IV. Samples of acceptable colors of shoes.
VISUAL BRAND STANDARDS
84
I. Standard uniform combination
M.RASOULIPOUR
85
MARASI MARINA MANAGEMENT
II. Standard winter uniform
VISUAL BRAND STANDARDS
86
M.RASOULIPOUR
87
MARASI MARINA MANAGEMENT
Print Standards
VISUAL BRAND STANDARDS
88
Business Cards Paper Size: A4 Paper Type: 120 lb cardstock matte - white Print Style: double sides - full color - trim needed Final Size: 8x cards of 2x 3.5in Letterhead Standard Paper Size: A4 Paper Type: letter - off-white Print Style: one sided - full color Final Size: A4 Letterhead Exclusive Paper Size: A3 Paper Type: letter - white Print Style: one sided - full color - trim needed Final Size: A4 Envelope Small Print on pre-made envelopes - off-white and blue preferred Envelope Full-Sized Paper Size: A2 Paper Type: Standard - off-white preferred Print Style: double sided - full color - custom trim and fold needed Final Size: A4-Envelope Brochure Paper Size: A2 Paper Type: Standard glossy - off-white preferred Print Style: double sided - full color - trim and fold needed Final Size: 8 square pages of 14x14cm
Contact m@rasoulipour.com for additional adjustments
89
MARASI MARINA MANAGEMENT
VISUAL BRAND STANDARDS
92
M.RASOULIPOUR