1
2
3
4
5
This manual has been issued for your convenience as an authoritative guide for any document or other communication that comes from or on behalf of Desy Rosniawaty Soelistio and the guidelines within it must be adhered to. If you have questions regarding this document, please contact Rovika Sanap, graphic designer, at rovikasanap@yahoo.co.id.
6
TAB L E O F C O N T E N T
INTRODUCTION
8
RULES OF THE LOGO
Preface
9
DESIGN ELEMENT
10
Logo Size 23 Safe Area t 25 Variation & Distortion 26
Philosophy Logo Color Reversed & Greyscale Typefaces Pattern
11 12 14 18 20
22
APPLICATION 30 Rules 31 Applied Design 32
7
IN T R OD U C T I O N Preface
88
PREFACE Good branding is about consistency. It’s easier for people to understand, recognize and embrace a brand when it looks, sounds and feels the same way, no matter how or where it is encountered. That’s why I created this style guide. It will help everyone associated with the Desy’s brand present it consistently through the logo, colors, pattern, font usage and more. It is critical to follow these rules and use only the authorized document templates in order to convey the traits and personality of the brand and do it consistently.
9
D E SIG N E L E M E N T Philosophy Colors Reversed & Grayscale Typefaces Pattern
10 10
PHILOSOPHY Desy’s Brand is a logo created for a Graphic Design 4 mid term project. Students were asked to make a classmate personal branding and the GSM (Graphic Standart Manual) book. The chosen client was Desy Rosniawaty Soelistio. She is an Art and Design student in Binus International University, Jakarta.
used, favorite art artists and ideas inspiration. She loves Japanese art design, especially kimono pattern, it shows clean, neat and simple form in a smart way. Mostly, she enjoys digital painting as her media, focus on food and anime. She likes vibrant colors such as red, black, pink and tosca colors rather than warmth colors.
Desy Rosniawaty Soelistio has three words to represents herself. She is an overthinking yet happy go lucky and cheerful girl. Her interests in art and design are various, from the style of artwork, media used, specific colors
Desy enjoys peaceful and calmness surroundings. She feels comfortable when she is having of “me time”, also having fun time with her close friends. She has a great interest in flowers, one of her favorite flowers is Hydrangeas.
11
LOGO COLOR The colors used in this logo inspired from pink hydrangeas flower. Desy’s color logo is dark pink. According to Desy, eventhough pink color is identic with feminine charaterization, but actually it presents the basic color which is black. It is preferred that Desy’s logo be used in its color format of dark pink on a white background. When a color format is not practical, the black, grayscale, or white versions on the next page may be used. Desy’s color logo should always appear on a white background if possible. When this is not possible, the background should be clean, clear, and solid (void of any patterns and variations of color).
12
MAIN COLOR
C: 5 M: 87 Y: 65 R: 228 G: 73 B: 82 PANTONE 198 C
K: 0
SECONDARY COLOR
C: 0 M: 0 Y: 0 K: 100 R: 35 G: 31 B: 32 PANTONE Neutral Black C
WEB COLOR
C: 16 M: 94 Y: 42 K: 1 R: 204 G: 51 B: 102 # cc3366 13
14
15
16
17
TYPEFACES Font or typeface are also a key visual component in communicating a brand. The typeface used for the logo are handwriting for Sae and FF Din for texts. This typefaces is attractive and supports the main logo to look more prominent. Font for the Web Since the Web allows live function for only a limited number of fonts, it will be necessary to recommend substitute fonts for Web applications. Use Arial for texts.
18
FF Din
Aa Gg Mm Ss Yy
Bb Hh Nn Tt Zz
Cc Ii Oo Uu
Dd Jj Pp Vv
Ee Kk Qq Ww
Ff Ll Rr Xx
Bb Hh Nn Tt Zz
Cc Ii Oo Uu
Dd Jj Pp Vv
Ee Kk Qq Ww
Ff Ll Rr Xx
Arial
Aa Gg Mm Ss Yy
19
PATTERN
One of Desy’s favorite flowers is Hydrangeas flower. The pattern was made from four petals and combined them into one in a form of Hydrangeas flower. It will always been a part of the logo and has to be applied in every application. The pattern concists of vibrant colors and contrast in terms of size. Pattern Colors Use 45%, 65%, 85%, 100% of main color shown on page 13.
20
21
RU L E S OF T HE LO G O Logo Size Safe Area Variation and Distortion
22 22
LOGO SIZE
It is important to pay attention at the minimum size of the logo to ensure the best quality of all the elements. As the logotype needs to always be readable and legible. The minimum size acceptable for the logo usage is 3.5 x 2.52 cm / 99.21 x 71.37 px. And the maximum size is 103 x 99.21 cm / 3487 x 2508 px.
23
MINIMUM SIZE
y: 2.52 cm 71.37 px
x: 3.5 cm 99.21 px
MAXIMUM SIZE
y: 99.21 cm 2508 px
x: 103 cm 3487 px 24
SAFE AREA To ensure maximum impact, all applications of the logo must include clear space around the logo equal to the space between the top of “Sae” to the baseline of “Illustrator and Designer” of the logo at the size it’s being used. The ratio used are x and y. Where x is the width and y is the height. The distance or scale for the safe area will be always 25% (1:4) on each side of the logo. For example, if the logo size is 8 x 5.7 cm. Transform and scale it to 25%, and that size of the logo will be the distance between the logo and other applied design.
25
y
x
26
VARIATION & DISTORTION
When on screen or printing in color, the logo should remain in its original colors. It is also important to understand the color scheme that used by the original logo. Variations The logo can be used in a variety of ways shown on the following pages, based on the application. Both four-color and grayscale versions are shown. Distortations As previously stated in this guide, Desy’s logo must not be altered. The following pages are some examples of the variations and distortions.
27
VARIATIONS
28
DISTORTIONS
DO NOT change the color of any of the logo elements
DO NOT rotate, skew, stretch or otherwise alter the shape of the logo
DO NOT apply logo on low-contrast backgrounds
DO NOT remove any of the logo elements
29
APPL IC AT I O N Rules Applied Design
30 30
RULES
There are some important rules that readers need to understand before using this logo for any purposes. We want to maintain the stability and consistency in each application. Here some of the simple rules: 1. Logo should be appears in every commercial works. 2. Logo should be clear based on the safe area and size. 3. Always applied the pattern in every application. The following pages are some examples of the logo application.
31
Stationery Set 32
Business Card 33
Stamp 34
Book 35
T-Shirt 36
Wall Decor 37
Hat 38
Phone Case 39
Mug 40
Tote Bag 41
Shopping Bag 42
Billboard 43
Bicycle 44
45
46
47
ROVIKA SANAP 2015 48