Beruflich Dokumente
Kultur Dokumente
BRAND GUIDE
Driving Our Brand Forward
CONTENTS PART 1 – THE GRAB STORY 1 PART 3 – THE GRAB EXPRESSION 32
1.0 Introduction 2 3.0 VISUAL & PHOTOGRAPHIC STYLE 33
1.1 Grab’s Vision 4 3.0.1 Graphic Design 34
1.2 Grab’s Mission 5 3.0.2 Lifestyle Photography 42
1.3 Tagline 9 3.0.3 Overhead Photography 43
1.4 Grab’s Personality 11 3.0.4 Stock Images 44
3.0.5 Adding the Primary Colour 47
PART 2 – THE GRAB TOOLKIT 15
2.0 LOGO 3.1 COPYWRITING 49
2.0.1 Grab Logo 16
2.0.2 Logo & Service Icons 17 PART 4 – THE GRAB TEMPLATES 51
2.0.3 Specifications & 18 4.0 PRINT
Minimum Size 4.0.1 Print Advertisements 52
2.0.4 Logo & Colour 19 4.0.2 Billboards 56
2.0.5 Logo Icons & Favicon 20 4.0.3 Buntings 58
2.0.6 Logo Animation 21 4.1 DIGITAL
4.1.1 Google Display Network
2.1 COLOURS (GDN) 59
2.1.1 Colour Palette 22 4.1.2 Facebook 62
2.1.2 Colour Direction 23 4.1.3 Twitter 63
4.2 BRAND ASSET LIBRARY 64
2.2 TYPOGRAPHY
2.2.1 Typeface 24 PART 5 – THE GRAB LEGAL 65
2.2.2 Typographic Style – 27 5.0 LEGAL GUIDELINES FOR
Contrast BRANDING & MARKETING
2.2.3 Typographic Style – 28 (REGIONAL) 66
Legibility
IN CLOSING 68
2.3 PICTOGRAM
2.3.1 Services & Other Icons 29
GET IN.
WELCOME.
LET’S GO
an amazing journey. This Grab
Brand Guide will help make your
FOR A RIDE.
trip with us a smooth, successful,
and (hopefully) enjoyable one.
And the destination?
WHAT IS
A BRAND?
It’s more than just the logo. But like Rome, brands aren’t
It’s a mix of elements and rules built in a day. Take your time.
that create a unique way of Get familiar with the brand
communicating ourselves. elements outlined in this guide.
Through the services we provide, Soon you’ll be on your way
how we look, how we feel, and to creating the best Grab
how we sound. It’s everything communications possible.
that makes people go,
“That is so Grab.” So buckle up. We have lots
to learn and more to do.
Forward...
PART 1 1.1 4
THE GRAB STORY GRAB'S VISION
VISION
First, let’s ask ourselves, We’re going to help hundreds of
“Why are we here?” Because millions of people in Southeast
QUEST
without a purpose, our actions Asia reach their goals and
are meaningless. Fortunately, progress their lives.
our reason for being is
something to be proud of: This is the driving force to all
“ Driving
that we do. It guides our actions.
And it forms the basis of our
decisions. We hold it dearly in
Southeast our hearts, and it is the essence
of all our communications,
Asia Forward both internally and externally.
MISSION
INCREDIBLE
They say At Grab, we’re going to make
our vision a reality by providing
a vision without real-world solutions that eliminate
inefficiencies in Southeast Asia’s
action is merely transportation systems.
MAKE
TRANSPORTATION
ACCESSIBLE TO ALL
The ability to move about
freely is so important. With
it, people can pursue their
dreams beyond their current
situation. But sadly, not
everyone in Southeast Asia
has access to transportion
to do so.
IMPROVE
THE LIVES OF
OUR PARTNERS
Accessibility should mean
a better life. Sadly, for most
taxi drivers in Southeast Asia,
providing accessibility doesn’t
mean more opportunity.
GRAB IN
(because let’s face it, not everyone
has the focusing power and
A NUTSHELL
determination to read this
guide like you).
PART 1 1.3 10
THE GRAB STORY TAGLINE
FORWARD.
And this is our tagline:
TOGETHER.
Forward, because we’re all about freedom, advancement and
progress. And Together, because we’re going to achieve this by
giving people the help and tools they need to do so.
PERSONALITY
her, you would choose certain
traits that represent her, right?
Every brand
And so it is with brands.
a unique
we wish our customers and
partners would describe us.
But what is
job to make sure all our
communications stay true
a personality?
to them. And at the very least,
we shouldn’t contradict them.
PART 1 1.4 12
THE GRAB STORY GRAB'S PERSONALITY
BOLD
Grab is daring and adventurous. “When our founder presented his idea for
We stand up for what we believe Grab (then MyTeksi) to his professors at
Harvard, he was told that because of the
in without compromise. Even if it social purpose he gave the company, it would
means having to face challenges, be too hard to implement and not realistic.
criticism, or even opposition. But he held his ground. He faced the criticism.
He held true to his beliefs. And every time he
faced a no, he took it as one step closer to a
yes. Today, we have Grab.”
PART 1 1.4 13
THE GRAB STORY GRAB'S PERSONALITY
POSITIVE
Grab is confident and optimistic.
We believe a high performing
organisation is made up of human-
centric principles that lead to
beneficial social impacts.
REAL
Grab is sincere and straightforward.
We are who we are - a local company
with a grand vision. Maintaining
the integrity to never compromise
our identity is very important.
And we always consider our
customers’ real needs.
2.1 COLOURS
2.1.1 Colour Palette
2.1.2 Colour Direction
2.2 TYPOGRAPHY
2.2.1 Typeface
2.2.2 Typographic Style – Contrast
2.2.3 Typographic Style – Legibility
2.3 PICTOGRAM
2.3.1 Services & Other Icons
2.4 FREEDOM LINES
2.4.1 Freedom Lines – Dos & Don'ts
PART 2 2.0 2.0.1 16
THE GRAB TOOLKIT LOGO GRAB LOGO
GRABBERS,
START YOUR ENGINES
Our Logo. It’s the most visible
element of our brand. It was
designed with freedom at its core.
The dual lines are inspired by …
you guessed it, roadways. They
represent the endless possibilities
the open road offers. And they
symbolise the parallel journeys
we’re taking with passengers.
Drivers. Grabbers. And society
at large.
30px
PART 2 2.0 2.0.4 19
THE GRAB TOOLKIT LOGO LOGO & COLOUR
DON’T use non-approved colours DON’T bevel and emboss the logo DON’T extend the logo DON’T change the spacing of
the logo
DON’T mask a photo with the logo DON’T place the logo on a colour DON’T place the white logo on a DON’T use an overly busy
without sufficient contrast colour without sufficient contrast background image
PART 2 2.0 2.0.5 20
THE GRAB TOOLKIT LOGO LOGO ICONS & FAVICON
Grab Grab
Animation 1:
1. The animation must appear in
the centre of the screen.
2. The Freedom Lines should come
into view and start to form the
logo.
3. Refer to <https://drive.google.
com/open?id=0Bxq4nkWlhmJJX-
25QTVNoYkJZLWs>
Animation 2:
1. The animation must appear in
the centre of the screen.
2. The Freedom Lines should come
from the edge of the screen to
form the logo.
3. Refer to <https://drive.google.
com/open?id=0Bxq4nk-
WlhmJJOXMwWWVXejdyQU0>
PART 2 2.1 2.1.1 22
THE GRAB TOOLKIT COLOUR COLOUR PALETTE
Primary Colour
LET’S PAINT THE TOWN
GREEN GRAB GREEN PMS 355C
C90 M0 Y100 K0
% Tints 90 – 10
(only for web & app)
R0 G157 B59
Getting noticed in a sea of HEX #009D3B
competing communications isn’t
easy. But consistent use of colour
is one way to stack the odds in
our favour. At Grab we like green. Accent Colours
We have our own green. It’s our
WHITE WHITE
Primary Colour. And it should C0 M0 Y0 K0
dominate every piece you create. R255 G255 B255
HEX #FFFFFF
Having said that, we’re not limited DARK GRAY PMS BLACK 7 % Tints 90 – 10
to it. We also use a lot of white C0 M0 Y0 K85 (only for web & app)
and dark grey to complement the R75 G75 B75
HEX #4B4B4B
Primary Colour. There’s also our
Secondary Colours. See the next
section on how and when to use
them. Secondary Colours
PMS YELLOW C PMS 152 C PMS WARM RED C PMS BLUE 072C PMS 527C PMS 601C PMS 1625C PMS 210C PMS 382C PMS 311C
C0 M0 Y100 K0 C0 M50 Y100 K0 C0 M80 Y95 K0 C100 M80 Y0 K0 C60 M90 Y0 K0 C0 M0 Y40 K0 C0 M30 Y30 K0 C0 M45 Y10 K0 C30 M0 Y100 K0 C60 M0 Y15 K0
R255 G255 B0 R247 G148 B30 R241 G90 B41 R3 G78 B162 R127 G63 B152 R255 G249 B174 R251 G190 B167 R246 G162 B182 R191 G215 B48 R82 G198 B216
HEX #FFFF00 HEX #F7941E HEX #F15A29 HEX #034EA2 HEX #7F3F98 HEX #FFF9AE HEX #FBBEA7 HEX #F6A2B6 HEX #BFD730 HEX #52C6D8
PART 2 2.1 2.1.2 23
THE GRAB TOOLKIT COLOUR COLOUR DIRECTION
Animation
PART 2 2.2 2.2.1 24
THE GRAB TOOLKIT TYPOGRAPHY TYPEFACE
BOLD
FONTS
It’s the art of making words and
language more appealing. And
CONFIDENT
used correctly, typography can
convey images and feelings just
as well as any other graphical
elements. We’ve selected the
HUMAN
Sanomat Sans font family for our
brand. It’s elegant, clear and more
importantly, human. You’re reading
it right now (lovely, right?)
CLEAR
ELEGANT
MODERN
PART 2 2.2 2.2.1 25
THE GRAB TOOLKIT TYPOGRAPHY TYPEFACE
abcdefghijklmnopqrstuvwxyz
ABCDEFGHIJKLMNOPQRSTUVWXYZ
1234567890
SANOMAT SANS TEXT HAIRLINE & ITALIC SANOMAT SANS TEXT SEMIBOLD & ITALIC
SANOMAT SANS TEXT BOOK & ITALIC SANOMAT SANS TEXT BOLD & ITALIC
SANOMAT SANS TEXT REGULAR & ITALIC SANOMAT SANS TEXT XBOLD & ITALIC
SANOMAT SANS TEXT MEDIUM & ITALIC
PART 2 2.2 2.2.1 26
THE GRAB TOOLKIT TYPOGRAPHY TYPEFACE
Sanomat Thai
ในการสร้างแม่แบบเอกสาร การออกแบบโปสการ์ด
โปสเตอร์ แผ่นพับ หรืองานกราฟิกต่างๆ รวมถึงการ
SANOMAT TH LIGHT & ITALIC
SANOMAT TH REGULAR & ITALIC
SANOMAT TH MEDIUM & ITALIC
東南亞交通服务的先驅。
新加坡,马来西亚,印尼,菲律宾,泰国,越南
兰亭黑纤黑 LAN TING HEI EXTRALIGHT
兰亭黑中黑 LAN TING HEI DEMIBOLD
兰亭黑特黑 LAN TING HEI HEAVY
PART 2 2.2 2.2.2 27
THE GRAB TOOLKIT TYPOGRAPHY TYPOGRAPHIC STYLE – CONTRAST
LET’S MIX IT UP
We like to mix it up when using our HIGHLIGHT THE Typeset in Sanomat Sans
Bold & Regular
KEYWORDS
fonts. One of the ways we do it is
by combining fonts with different
weights. This is to add interest
and highlight certain messages
IN A SENTENCE
in the copy. But when we do this,
maintaining a clear contrast is
always a priority.
SHORT
JUST IN CASE Case 1
AND
rules:
DIRECT
2. For titles longer than five to
seven words, use sentence case.
Long elaborative
a seven-word one. So use your
discretion. We trust you. Really.
and informative
headers
PART 2 2.3 2.3.1 29
THE GRAB TOOLKIT PICTOGRAMS SERVICES & OTHER ICONS
Outline
FREEDOM LINES
The Freedom Lines were created
for our logo. But we can also use
them as graphical elements in our
communications (flexible, aren’t
they?)
3.1 COPYWRITING
PART 3 3.0 33
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC STYLE
REAL
What you see is what you get. No pretentions here. We’re Southeast
Asians, so let’s show the best of our region. Use great production values
without it being too slick. Show a slice of life without it feeling staged. And
we want the talents to react authentically instead of acting appropriately.
You know, keep it au naturale (and we don’t mean nudity, silly billy).
PART 3 3.0 3.0.1 34
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
The twist
should be
FREEDOM LINES shown
FREEDOM LINES
Here are some don’ts when using the
Freedom Lines in your designs:
DON'T crop or cut them DON'T add fading effects to them DON'T form them into another DON'T distort them
object on their own
DON'T distort their perspective DON'T rotate them in any other DON'T add outlines DON'T alter them
angles but 45º, 90º and 180º
DON'T apply them in any other DON'T add drop shadows DON'T outline them DON'T exclude the twist
colours
PART 3 3.0 3.0.1 37
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
FREEDOM LINES
Here are some more do’s and
don’ts when using the Freedom
Lines in your designs:
DON’T use them with top shots or full bleed photos Use them with edge-out object
PART 3 3.0 3.0.1 38
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
FREEDOM LINES AS
ROAD
Feel free to explore other ways to
use the Freedom Lines. Here are
some ideas to get you started.
PART 3 3.0 3.0.1 39
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
FREEDOM LINES
INTERACTING WITH
OTHER OBJECTS
PART 3 3.0 3.0.1 40
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
FREEDOM LINES AS
ANOTHER OBJECT
PART 3 3.0 3.0.1 41
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC GRAPHIC DESIGN
STYLE
TAKE A PICTURE.
IT’LL LAST LONGER.
If somehow, you manage to convince TRANSPORT SLICE OF
somebody to let you do a shoot, RELATED LIFE
take a deep breath. Remember
these requirements. The pictures
should look like street photography.
Get candid scenes. Ditch the poses
and over direction. Keep the colour
tones natural. And don’t forget to
add a dose of Grab green (for a bit
of luck, too).
GOOD
VIBES
ASIAN
FLAVOUR
PART 3 3.0 3.0.3 43
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC OVERHEAD PHOTOGRAPHY
STYLE
IN TOP FORM
With overhead pics, there are three
main requirements. They must
be colourful. Show them in an
uplifting way. And make sure they
are relevant. The props used for
them should be appropriate to your
messaging.
RELEVANT
UPLIFTING
COLOURFUL
PART 3 3.0 3.0.4 44
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC STOCK IMAGES
STYLE
THE SUBJECT, MATTERS PEOPLE: Posey & art directed vs. natural, candid moments
People
When choosing pictures of people,
make sure they are candid. Pick
those that show a slice of life
(no posers, please).
PLACES: Busy & messy vs. clean & simple scene OBJECTS: 3D rendering vs. real object
PART 3 3.0 3.0.4 45
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC STOCK IMAGES
STYLE
Overexposed lighting
Underexposed lighting
PART 3 3.0 3.0.4 46
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC STOCK IMAGES
STYLE
1 SHADE DARKER
GRAB GREEN
1 SHADE LIGHTER
PART 3 3.0 3.0.5 48
THE GRAB EXPRESSION VISUAL & PHOTOGRAPHIC ADDING THE PRIMARY COLOUR
STYLE
POSITIVE
Our voice should be clever yet accessible. Playful yet direct. Sometimes
irreverent, but never disrespectful. Reassure the reader with benefits and
win them over with humour. Just like our app, it should put a smile on their
faces.
PART 3 3.1 50
THE GRAB EXPRESSION COPYWRITING
POSITIVE (Don’t)
Don’t waste your money by choosing other rides! Forget waiting
in line for poor service! Don’t put up with hassle and go with
Grab!
POSITIVE (Do)
Save time and money with a comfortable and safe ride by Grab.
REAL (Don’t)
At Grab, we strive to continuously provide passengers with the
most excellent and cost effective transportation method.
REAL (Do)
We work hard to always give you the best and most affordable
rides.
PART 4
THE GRAB TEMPLATES
4.0 PRINT
4.0.1 Print Advertisements
4.0.2 Billboards
4.0.3 Buntings
4.1 DIGITAL
4.1.1 Google Display Network (GDN)
4.1.2 Facebook
4.1.3 Twitter
EXTRA, EXTRA,
GRAB ALL ABOUT IT
One final element to think about
is our template. The only items
that are locked and must be
placed consistently in all our print
materials are the placements for
the logo and download call-to-
action. The headline can be placed
freely based on the space available
1 2 3 4 5 6 7 8
and messaging needs. Here are a
few examples: text grid
1 2 3 4 5 6 7 8
text grid
1 2 3 4 5 6 7 8
text grid
PARTNER LOGO
SHARE AND SHARE
ALIKE
When partnering with another
brand, we have to find the best
way to take full advantage of
the team up. If the other brand
is stronger than ours (think
Cupertino), and they have their
own rules, we will respect their
way of doing things. If not, you
should use your judgement on
how to place their logo in our
communications to fit with our
format.
Align the Partner logo with the Grab logo Place the Partner logo on the top right corner Place the Partner logo at the end of the
body copy
PART 4 4.0 4.0.2 56
THE GRAB TEMPLATES PRINT BILLBOARDS
1 2 3 4 5 6 7 8
Horizontal Billboard 40’ (w) x 10’ (h) Vertical Billboard 40’ (w) x 60’ (h) Vertical Billboard 70’ (w) x 78’ (h)
1 2 3 4 5 6 7 8 9 10
1 2 3 4
1 2 3 4
1 2 3 4
Logo width:
3/4 of length
PART 4 4.1 4.1.1 59
THE GRAB TEMPLATES DIGITAL GOOGLE DISPLAY
NETWORK (GDN)
GrabCar
970 x 90px
768 x 1024px
120 x 160 x
600px 600px 320 x 100px 300 x 100px
C. Margin 15px
GrabCar
GrabCar
GrabCar
200 x 200px
GrabCar
GrabCar
D. Margin 20px
Gr
GrabCar
GrabCar
480 x 320px
Gr
GrabCar
320 x 480px
GrabCar
300 x 600px
PART 4 4.1 4.1.1 60
THE GRAB TEMPLATES DIGITAL GOOGLE DISPLAY
NETWORK (GDN)
728 x 90px
970 x 90px
C. Margin 15px 200 x 200px 300 x 250px 336 x 280px E. Margin 50px 768 x 1024px
200 x 200px 768 x 1024px
250 x 250px 1024 x 768px
300 x 250px
336 x 280px
FB PPLA
NO LATE FINES HERE The Grab Brand Guide_18 April 2016 KEY TO FILE NAMES AND FORMATS
All the artwork shown in this Brand RGB Screen colours
Guide can be found in our Brand 1_The Grab Toolkit CMYK Four-colour print
Asset Library. They’re filed in folders PMS_355C Pantone® colour coated
to make it easier for you to find what 1_Logo Black_85% 85% tint of black
you need. Please use the correct 100dpi 100 pixels per inch (screen)
asset for the medium you’re working 2_Colours 300dpi 300 pixels per inch (print)
on. We’re open 24/7. So drop in .ico Favicon file format for Windows
anytime. 3_Typography_Font .png Compressed file format with
transparent background
4_Pictogram .eps Adobe Illustrator file fomat
.jpg File format for compressed images
5_Freedom Lines .psd Adobe Photoshop file format
.indd Adobe InDesign file format
6_Grab Visual Template .pdf Adobe Acrobat file format
.docx Microsoft Word file format
7_Stock Library .pptx Microsoft Powerpoint file format
.otf Open Type
(available for both Mac & PC)
PART 5
LEGAL GUIDELINES As a starting point for those who do symbol ™. The trademark designation Third party trade marks
not have legal background or may notifies others that the product’s 1. No material or graphics should
FOR BRANDING &
be interested in learning a little more name and design are the company’s include third party symbols or
MARKETING (REGIONAL) about terminology and definitions, we property. However, unless registered logos, unless there has been an
have some brief explanation about with the relevant trademark authority, express agreement with the third
the different types of the relevant it does not prevent use of the mark in party that such symbols or logos
intellectual property rights below. another country. are to be included.
Other matters
We should avoid making exaggerated
and unsubstantiated claims (e.g.
“Number 1”, “Free rides”, etc)
Always include an express request for
use of trademark and/or copyright
in any marketing proposals made to
third party partners.
IN CLOSING You’ve reached the end of the Grab Brand Guide. (You’re the
first! Just kidding.)