Bra n din g style g u i d e
1
Logograph.................................... 3 Logotype........................................ 4 Typeface..................................... 5 Color Scheme.............................. 7 Color Variation................................. 8 Wrong Usage................................. 9
2
Logograph
Logo brand in the way creating
The arrange of these shapes also need to the exactly details: • The ratio of the curve dimension in the right and the in the left is:
5x/3x
• The ratio of circle head is a half of the total width: 4x • The ratio of biggest circle is 6x and the circle inside is a half: 3x
The shapes of logo image are mostly made by circles and rectangles with exact dimensions
3
Logotype • Logo size: 5x • Letter “t”: 2,5x/0,5y • Letter “Y”: 2,8x_1,5y •Text: x/2_5,8y
The distances between each letter in the the text are symmetrical with brand name x
The height and weight are most belong to y
the a rectangle size with x and y respectively 4
Why is FF Din? Simple? Cool?
! @ # $ % ^ & * ( ) Din-Light 21p
1234567890 Din-Regular 36p
abcddefghijklm nopqrstuvwxyz Din-Medium 48p
ABCDEFGHIJKLM NOPQRSTUVWXYZ Din-Bold 60p
5
Typeface
AB C D E FG H IJK LM NO P QRS T U V W X YZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*() • The shapes of FF DIN are most from thinner horizontal stroke and fluent curves • FF DIN differs in its weight distribution and naming conventions and has a far wider character set • It includes ranging figure and several refinement that allow it to perform better as a print and screen
6
Color Scheme • The combination between dark color and light color contributes to the quite strong contrast • They also bring lots of street style feeling and the impression as well
255R 51G 51B
00R 00G 00B
255R 255G 255B
00C 92M 83Y 00K
75C 68M 67Y 90K
00C 00M 00Y 00K
ff3333
000000
ffffff
Color For Print 7
Color Variation Black-00000
Which
75C-68M-67Y-90K 0R-0G-0B
things
Cornflower Blue-3d6cb4 81C-58M-0Y-0K 61R-108G-180B
Lime-bed266 29C-3M-74Y-0K
are catching
190R-210G-107B
Stale Gray-758b9e
your
33C-22M-16W-0K 172R-182G-195B
eyes? 8
How can go in the right
Wrong Usage
direction? Placing too much colors in the confused situations will create the dazzling in client's eyes. Just using 2 colors, avoiding the repetition.
Too low transparency will create Drawing medium stroke will make
the difficulty seeing for clients.
the attraction of the circle (in the logo)
The easy way is just using 100%
Using 2 colors which have nearly same hue also make the hard looking. So, 2 contrast colors is the best
9
Logo is placing only in vertical
THE END
10