LOGO USAGE, TYPOGRAPHY, AND APPLICATIONS
i
RICE TO RICHES LOGO MANUAL
CONTENTS THE LOGO ���������������������������������������������������������������������������������������������������������������������������������������������������������� 1 LOGO 3 COLORS 4 SIZES 6 VARIATION 8 EXCLUSION ZONE
10
INCORRECT LOGO USES
12
THE TYPOGRAHY ������������������������������������������������������������������������������������������������������������������������������������������ 17 PRIMARY 18 SECONDARY 20 THE APPLICATIONS �������������������������������������������������������������������������������������������������������������������������������������23 BUSINESS CARD
24
REWARD APP
26
GIFT CARD
34
iii
RICE TO RICHES LOGO MANUAL
THE LOGO RICE TO RICHES’s logo is a one-liner.The following pages will provide the detailed guide in applying the logo to enhance the core elements of the brand. LOGO 3 COLORS 4 SIZES 6 VARIATION 8 EXCLUSION ZONE
10
INCORRECT LOGO USES
12
1
RICE TO RICHES LOGO MANUAL
THE LOGO
3
RICE TO RICHES LOGO MANUAL
COLORS RICE TO RICHES’s logo color is always Rich Brown; only when placed against Rich Brown, it will be Off-White. RICH BROWN C=68, M=71, Y=63, K=79%. OFF-WHITE C=0, M=2, Y=0, K=0%. PANTONE P 75-1 U.
THE LOGO: COLORS
OFF-WHITE C
RICH BROWN
0%
R 252
C
68%
R 30
M 2%
G 246
M 71%
G 21
Y
0%
B 245
Y
63%
B 24
K
0%
K
79%
5
RICE TO RICHES LOGO MANUAL
SIZES RICE TO RICHES’s logo sizes comprise of minimum and no maximum. Use accordingly for the purposes proposed. LOGO A Minimum: 15mm, Maximum: none LOGO B Minimum: 60px, Maximum: none
THE LOGO: SIZES
15mm
LOGO A When the logo is used in in-line copy on small print medium, then use at minimum 15mm, no maximum.
60px
LOGO B When the logo is used in digital medium, then use at minimum 60px, no minimum.
7
RICE TO RICHES LOGO MANUAL
VARIATION RICE TO RICHES’s logo variation will be applied when the logo is needed to be larger, but the width doesn’t permit. LOGO ROTATED Rotate at the angle of 90 degree Counter Clockwise.
THE LOGO: VARIATION
90° CCW
9
RICE TO RICHES LOGO MANUAL
THE LOGO: EXCLUSION ZONE
EXCLUSION ZONE RICE TO RICHES’s logo exclusion zone refers to the area around the logo which must remain free from other copy (exlcuding body copy) to ensure that the logo is not obscured. As the diagram indicates, the ‘exclusion zone’ is equal to that cap height of RICE TO RICHES.
11
RICE TO RICHES LOGO MANUAL
I. DO NOT change the type spacing of the logo
II. DO NOT stack letters inside the logo
THE LOGO: INCORRECT LOGO USES
III. DO NOT distort the logo elements
INCORRECT LOGO USES RICE TO RICHES’s logo excludes following modifications. I. DO NOT change the type spacing of the logo II. DO NOT stack letters inside the logo III. DO NOT distort the logo elements
13
RICE TO RICHES LOGO MANUAL
RICE TO V. DO NOT crop out the logo elements
VI. DO NOT change the font of the logo
THE LOGO: INCORRECT LOGO USES CONT.
O RICHES VII. DO NOT place the logo an angle other than the variation one
INCORRECT LOGO USES CONT. V. DO NOT crop out any logo elements VI. DO NOT change the font of the logo VII. DO NOT place the logo on angle
15
RICE TO RICHES LOGO MANUAL
THE TYPOGRAPHY RICE TO RICHES’s primary typeface is Univers 59 Ultra Condensed. The secondary typeface in digital medium is Univers 57 Condensed. The secondary typeface in print medium is Univers 47 Light Condensed. PRIMARY 18 SECONDARY 20
17
RICE TO RICHES LOGO MANUAL
PRIMARY RICE TO RICHES’s primary typeface is Univers 59 Ultra Condensed. The title, heading, and subheadings will be using this typeface.
UNIVERS 59 ULTRA CONDENSED ABCDEFHIJKLMNOPQR STUVWXYZ0123456789 The primary type’s kerning is always 10pt in any font size.
THE TYPOGRAPHY: PRIMARY
SECONDARY RICE TO RICHES’s secondary typeface in digital medium is Univers 57 Condensed. In print medium, it will be Univers 47 Light Condensed. The body copy and secondary headings will be using this typeface.
DIGITAL MEDIUM:
UNIVERS 57 CONDENSED ABCDEFHIJKLMNOPQRSTUVWXYZ0123456789 This secondary type’s kerning is always 0pt in any font size.
PRINT MEDIUM:
UNIVERS 47 LIGHT CONDENSED ABCDEFHIJKLMNOPQRSTUVWXYZ0123456789 This secondary type’s kerning is always 0pt in any font size.
19
RICE TO RICHES LOGO MANUAL
THE APPLICATIONS The following are different applications of the logo. BUSINESS CARD
24
REWARD APP
26
GIFT CARD
34
21
RICE TO RICHES LOGO MANUAL
BUSINESS CARD RICE TO RICHES’s business card consists of the logo, address, surrounding locator, phone number and a quote
37 Spring Street, New York, NY 10012 (Between Mott and Mulberry Street)
212.274.0008 Front of the card
Back of the card
EAT NOW, THINK LATER
APPLICATION: BUSINESS CARD
GIFT CARD RICE TO RICHES’s gift card consists of a quote, miniature logo, and information for app and website.
“STRESSED” SPELLED BACKWARDS IS “DESSERTS”
9 788679 912077 Check balance through app, RICE TO RICHES or website: WWW.RICETORICHES.COM Sign up an account with card to get the PERKS!
Front of the card
Back of the card
23
RICE TO RICHES LOGO MANUAL
REWARD APP RICE TO RICHES’s reward app is an iphone application. The following includes: • icon sizes • welcome screen • loading screen • sign in screen • sign up screen • landing screen • order screen
APP ICON SIZE FOR APP STORE (DEFAULT): width x height 1024px by 1024px
APPLICATION: REWARD APP
IPHONE 6S, IPHONE 6, AND IPHONE 5 (@2X)
APP ICON SIZE: 120px by 120px
SPOTLIGHT ICON SIZE: 80px by 80px IPHONE 6S, IPHONE 6, AND IPHONE 5 (@2X) SETTING ICON SIZE: 58px by 58px
TOOLBAR ICON SIZE: 44px by 44px
APP ICON:
120px by 120px
SPOTLIGHT ICON:
80px by 80px
SETTING ICON:
58px by 58px
TOOLBAR ICON:
44px by 44px
TAB BAR ICON:
50px by 50px
TAB BAR ICON SIZE: 50px by 50px
25
RICE TO RICHES LOGO MANUAL
WELCOME SCREEN I. All elements in this screen will be center horizontally II. 69px is mandatory as the leading between logo and quote III. Every 5 seconds, quote will switch to another one with sliding up effect IV. The two buttons, JOIN NOW and SIGN UP, has 49px in between vertically II. Logo
69px III. Quote
IV. Buttons
48px
APPLICATION: REWARD APP
SIGN IN SCREEN V. Logo is set on a sticky bar to the top and centered horizontally VI. All elements in this screen will be center horizontally VII. Section Header is set in the primary typeface (p.18) and have the set of five rice grains offset vertically for 36px VIII. The text inside the fillers will lits up from opacity 40 to 100 when selected to type information
VII. Section Header
36px
IX. Between the two fillers, there is 36px vertically space X. Cancel button by default is opacity 40 while Sign In button by default is opacity 100
36px
VIII. Fillers
XI. Dominator is by default set to color off-white, with border weight 4px, and text opacity 100 X. Buttons
XI. Dominator
27
RICE TO RICHES LOGO MANUAL
LOADING SCREEN I. All elements in this screen will be center horizontally II. The logo and the quote will keep the same from the welcome screen, refers to p.26 III. Loading Bar consists of the set of 5 rice grains which appear from opacity 0 to 100; at every 5% more loaded, one of the rice grains appear starting from left to right
Loading Bar
APPLICATION: REWARD APP
SIGN UP SCREEN (TOP HALF) IV. Logo is set on a sticky bar at the top with off-white background V. Section header will be apply same as Sign In Screen, refers to p.27
Back to Welcome Screen
VI. The Fillers are offset vertically for 22 px from the Filler Title and offset vertically between each other for 17px VII. Filler Title will be off-white and using the primary typeface (p.18) and offset vertically from other elements for 48px
V. Section header 22px
VI. Fillers
VIII. Peaks Header is 20% bigger than Filler Title
17px 48px
VII. Filler Title
VIII. Perks Header
29
APPLICATION: REWARD APP
RICE TO RICHES LOGO MANUAL
SIGN UP SCREEN (BOTTOM HALF) I. Perks details are left-alignned II. The birthdate comes with drop-down menu to elect month and date; once the month/ date selected, the text will turn from opacity 40 to 100 to indicate changes have made
I. Perks detail
III. The mark by default is opacity 40 and when it is activated, it will turn to opacity 100 IV. The Dominator will be of same style in Sign In Screen, refers to p. 27
II. Drop-down menu
III. Mark
IV. Dominator
MAIN SCREEN V. Logo is set on a sticky bar at the top with off-white background VI. Nav Bar Buttons by default are opacity 40 VII. There is 114px space between nav bar and status VIII. Status tells user the amount of rice grains he/she earned IX. Collection visualize the accumulation of rice grain; after every transaction update, the animation of dropping rice grains into the bowl initiate X. There is 84px space between collection and message XI. Message tells user the goal for getting the next free diva size rice pudding
VI. Nav Bar Buttons
114px VIII. Status
148px
IX. Collection
XI. Message
31
APPLICATION: REWARD APP
RICE TO RICHES LOGO MANUAL
ORDER SCREEN (TOP HALF) I. Logo is set on a sticky bar at the top with off-white background II. Activated Section on Nav Bar is indicated by having the button changed from opacity 40 to opacity 100 when the screen is inside the section
II. Activated Section on Nav Bar
III. Section header will be apply same as Sign In Screen, refers to p.27 IV. Modified choice style activates whenever the user changes the default
IV. Modified choice style
V. Modified choice style is set same style as the dominator, refers to p.26 VI. Drop-down menu lists the different flavors in previous orders
III. Section header
VI. Dropdown menu
ORDER SCREEN (BOTTOM HALF) VII. Each option in seving size filler comes with the price on the options VIII. Receipt spelled out the amount of the order and tax as the normal receipt style
Serving Size
Receipt
33
RICE TO RICHES LOGO MANUAL
This manual has been designed and written by Angel Choong. The quotes from page 22, 23, 26, and Back Cover are from RICE TO RICHES. The cover paper is The inside paper is Epson The printer is Canon PIXMA Pro-100, a wireless professional inkjet printer with 8-ink dye based ChromaLife 100+ system. The binding is perfect bind.
35
THIS IS MY RICE PUDDING THERE ARE MANY LIKE IT BUT THIS ONE IS MINE