RICE TO RICHES logo manual

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.