SNAPPMEAL BRAND BOOK / 2019
Our brand is a promise to our customers. About This Brand Guide These guidelines describe the visual and verbal elements that represent Snappmeal’s brand identity. The valuble brand assets include our name, logo and other elements such as color, typefaces and images. Maintaining a consistent and controlled message of who we are is essential to presenting a strong, unified image of our brand.
Table of Contents
Snappmeal Branding Document
CONTENTS Overview
......... ......... 03
Brand Logo
......... ......... 05
Color Palette
......... ......... 16
Typefaces
......... ......... 18
September /2019
Snappmeal Branding Document
Section 1 Brand Overview
September /2019
INTRODUCTION
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
OVERVIEW Snappmeal is a mobile food app that detects restaurant vouchers around user location. The app also combines gamification to introduce gamified features that enhance user activities. 04
Our Tagline
Eat Out Wisely
Snappmeal Branding Document
Section 2 Brand Mark
September /2019
LOGOTYPE
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
BRAND MARK
Icon
Logotype
Logo (Horizontal lock-up)
06
Having a strong brand is important and consistence is paramount to the success of any identity system. Consistent use of the logo with supporting elements helps in building brand quality and character.
Black on yellow
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
STACKED LOGO The stacked logo is for large-scale use. Avoid using at small sizes, as it can become illegible. The horizontal lock-up is the primary logo and should be used in most instances.
07
Section 2 Brand Mark
Snappmeal Branding Document
ICON/MARK VERSIONS
08
September /2019
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
CLEAR SPACE The clear space has been established to ensure logo visibility and impact. Always maintain the clear space between the logo and other graphic elements such as type, images, other logos, etc, as described.
X
X
X
09
X
Section 2 Brand Mark
Snappmeal Branding Document
ICON GRID
10
September /2019
Section 2 Brand Mark
September /2019
Snappmeal Branding Document
MINIMUM SIZE At minimum size the logo is still clearly legible and provides a strong level of identification. When using a lower quality printing technique it is recommended that the logo should be used in a larger size. The logo must never be used in a smaller size than the size described on the right. 30 mm
90 mm
11
25 mm
70 mm
20 mm
15 mm
50 mm
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
MISUSE
To maintain consistency throughout our identity application, it’s essential that the brand mark is never altered in any way. The brand mark should always be reproduced from the master artwork provided by Snappmeal brand.
12
Do not rotate
Do not stretch
Do not filter
Do not compress
Do not alter design
Do not alter color
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
PLACEMENT
To place the Snappmeal logo or icon in the correct way please use one of the approved styles as described.
13
Section 2 Brand Mark
Snappmeal Branding Document
CO-BRANDING Co-branding lockup should be used where Snappmeal is being presented alongside or in partnership with another entity.
Partner logo
When there is more than one logo supporting or collaborating with Snappmeal, consistency and clarity are the priority. Scale and position are based on the clear space guidelines. The brandmark appears either far left or far right depending on the overall layout of the page or application. Lock-Up Separator A vertical line set in grey is used as a visual frame to maintain the seperation of the logos. This line should be set at 1pt and should align to the top and the bottom of the tallest logo in the set.
14
Squre is 1/2 the heigt of the brand logo
Example
September /2019
Section 2 Brand Mark
Snappmeal Branding Document
September /2019
MASCOT The mascot represent our brand, product and service identity as a symbolic convention for branded items, promotional activities, social media and website. Mascot becomes the inter-connector between the user and our product. In many cases, it is the basic element of communication and interaction, therefore in different states, it becomes the basic way to deliver the message to the user. It pushs the limits of personiďŹ cation and give the chance to create the unexpected combinations of elements and non-existing characters alive.
15
Snappmeal Branding Document
Section 3 Brand Colors
September /2019
COLOR PALETTE
Section 3 Brand Colors
September /2019
Snappmeal Branding Document
BRAND COLORS Our corporate colors are a distinct and crucial part of our identity as they make our brand instantly recognizable. They enforce a dynamic, vibrant lifestyle to increase the overall user experience. When applied consistently, the our colors also provide a strong visual link across various materials and communications and set our company apart from the competition. The colors are used as a formula for corporate marketing, collateral trade show materials, web design and promotional items.
PMS : 123 C
PMS : 1375 C
PMS : 141 C
RGB
: 255, 205, 42
RGB
: 242, 159, 5
RGB
: 242, 190, 92
HEX
: #FFCC2A
HEX
: #F29F05
HEX
: #F2BE5C
CMYK : 0, 20, 84, 0
CMYK : 0, 34, 98, 5
CMYK : 5, 26, 75, 0
PMS : 7455 C
PMS : 663 C
PMS : Black 6 C
RGB
: 0, 0, 254
RGB
: 255, 255, 255
RGB
: 0, 0, 0
HEX
: #0000FE
HEX
: #FFFFFF
HEX
: #000000
CMYK : 100, 100, 0, 0
17
CMYK : 0, 0, 0, 0
CMYK : 75, 68, 67, 90
Snappmeal Branding Document
Section 4 Brand Font Typefaces
September /2019
TYPOGRAPHY
Section 4 Brand Font
Snappmeal Branding Document
September /2019
FONT TYPYEFACES
Clear communication is an essential part of the Snappmeal brand. Used consistently, font typefaces play a significant role to enforce the brand. Snappmeal should use “Roboto” typefaces, these should be used for all print materials, events, and copy set in online graphics.
Roboto Roboto Roboto 19
Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrtvwxyz 0123456789/@<>[]#${}?!
Medium
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrtvwxyz 0123456789/@<>[]#${}?!
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrtvwxyz 0123456789/@<>[]#${}?!
Section 4 Brand Fonts
Snappmeal Branding Document
TYPOGRAPHY
Typography is another important element of our brand. By controlling the type styles and alignment used, we further strengthen the visual distinctiveness of Snappmeal brand.
Introducing the overall piece
Introducing section
Describing paragraph
20
TITLE/HEADING ROBOTO - Black 30/40 pt Sub head, Roboto - Black 20 pt Sub head, Roboto - Medium 20 pt Small title, Roboto - Medim 16 pt Body paragraphy, Roboto - Regular 12/14 Pt
September /2019
Section 4 Brand Fonts
Snappmeal Branding Document
September /2019
TYPOGRAPHY
TYPO GRA PHY
Bullets points to list items. Custom line spacing.
Highlighting the main idea
A call to action with a period at the end.
21
• Bullet, Roboto - Regular 12/14 pt • Bullet, Roboto - Regular 12/14 pt Line height should be 1.5 to create space between bullets.
Callout, Roboto - Black 20 pt Callout, Roboto - Medium 20 pt Callout, Roboto - Regular 20 pt
This is a call to action, CTA. Roboto - Black 24 Pt
Snappmeal Branding Document
Section 5 Brand Icon Set
September /2019
ICONOGRAPHY
Section 3 Brand Colors
Snappmeal Branding Document
September /2019
ICON SET Icons visually break up content, making it less intimidating and easy to read. With icons you can quickly sum up what your text is about. MENU
TAKE WAY
HOT DRINK
BILL
SPECIAL
GRILL
WAITER
APP
DINER
ICE CREAM
SPICY
LOCATION
CHEF
RESTAURANT
TABLE
WIFI
Sometimes, icons can even be enough to communicate content, which makes reading additional text unnecessary.
23
THAT’S HOW WE SHOULD BE REPRESENTED Snappmeal brand including the logo, name, colors and typography are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorised or incorrect use of the Snappmeal name and marks.