Aug 2024Introduction
Graphic System
02
13
About Keeta
Graphic Overview
Keeta Curves
Logo
04
Usage
Anatomy
Contents
Social Media Avatars
17
Usage
Misuse
Avatars Overview
Color
09
Applications
19
Color Palette
Concept
Typography
11
FontsKeeta Brand Guidelines > Introduction
02
Introduction
This set of brand guidelines establishes the rules to maintain a consistent Keeta's character. It aims
to inspire and guide every communication and visual design that will express our brand image and
personality, helping the public to easily identify us.
Please refer to this document whenever possible to help strengthen Keeta's visual identity and
language as a brand.Keeta Brand Guidelines > Introduction > About Keeta
03
About Keeta
Keeta is derived from the English word cheetah. Cheetah is famous for its great running speed,
which also means that Keeta will always bring faster and better user experiences to all customers
worldwide. Keeta focuses on food and consumer product delivery services in international markets
with the mission: "We help people eat better, live better".Keeta Brand Guidelines > Logo
04
LogoKeeta Brand Guidelines > Logo > Anatomy
05
Anatomy
Keeta logo is our most valuable brand asset which is associated with
energy and professionalism. The logo has been designed with the
intention of being versatile and able to speak for itself without the need
for additional text or design elements. Please use it consistently
across every channel.
How to reference the brand name in writing?
When written, for example in the body of an email or just like anywhere
you see in this document, it is always Keeta. The letter "K" should
always be written in upper case in all contexts.Keeta Brand Guidelines > Logo > Usage
06
Usage
Monotone
Two-color
White
There are a two-color version, a monotone version without yellow strokes
and a white version of our logo.
In general, we give high priority for the usage of the two-color version. But
the white version is recommended if you can’t avoid situations as follows.
When the background is in dark colors with 80% of brightness and less,
please use the white version. Besides the 80% brightness standard, we also
take the saturation value into considertion and avoid using the two-color
Brightness
Saturation
version against backgrounds such as highly saturated blue and purple.
You may use the chart we offer as a reference to measure the saturation
100%
of the background and tell when to switch to the white version.
20%
The monotone version is only for occasions such as specail print.
80%
40%
60%
60%
40%
80%
20%
100%
0%Keeta Brand Guidelines > Logo > Usage
07
Usage
Minimum size
Clearance
2x
2x
Clearance
x
Graphics/objects must not penetrate the clear area. This space is no less
2x
2x
than the x-width of the logo.
On screen: 30px
In print: 9mm
Minimum size
The minimum size is 30px on screen and 9mm in print.
Bilingual version
Bilingual version
For Saudi Arabia related materials, please always use this version.
Horizontal
Vertical
2x
2x
2x
2x
Co-branding
The space between the logos must be no less than three times the width
of the letter, please use vertical line to space the logos. Make sure all
x
x
logos are scaled proportionally to one another and visually aligned
Fixed space
2x
2x
through the center.
Fixed space
2x
2x
Co-branding
0.1x
0.1x
center line
center line
3x
3x
x
x
3x
3xKeeta Brand Guidelines > Logo > Misuse
08
Misuse
Don’t use the letter alone
Don’t outline our logo
Don’t add any elements to our logo
Don’t distort our logo
Keeta logo is an international symbol so it is always treated with care
wherever it is used. Please never tweak, amend or stretch it, nor place
it in a wrong background.
Please always consult Keeta Brand Team when in doubt.
Don’t use a solid tail
Don’t skew our logo
Don’t apply effects to our logo
Don’t alter our wordmark
Don’t use our logo in outline
Don’t change the lower case letter to the
Don’t place our logo over images
Don’t place our logo over a pattern
same size as the upper case letter
that make it illegible
that make it illegible
Don’t place our logo on dark
Don’t use our logo in another
Don’t apply tracing line to app icon
Don’t alter the colors
background
containing shapeKeeta Brand Guidelines > Color
09
ColorKeeta Brand Guidelines > Color > Color Palette
10
Color Palette
Keeta has defined a Keeta Yellow and Keeta Green as its primary
Dark Green
colors. Along with Light Yellow and Dark Green as secondary colors,
the palette radiates a energetic, healthy, approachable and sustainable
#00835C
C100 M0 Y90 K40
theme by themselves.
Pantone 7725C
Magenta
Keeta Green
With Tangerine and Magenta being complementary colors , the palette
#FF005C
#11CC9A
C0 M95 Y35 K0
is inspired by brand identity and offers a even wider range to extend beyond.
C70 M0 Y50 K0
Pantone P1925C
Pantone 3395C
Keeta Yellow
Tangerine
#FFE41F
#FF6D24
C0 M10 Y90 K0
C0 M70 Y100 K0
Pantone 107C
Pantone P021C
Light Yellow
#FFFF50
C0 M0 Y70 K0
Pantone 393CKeeta Brand Guidelines > Typography
11
TypographyKeeta Brand Guidelines > Typography > Fonts
12
Fonts
方正蘭亭黑家族_BIG5
HT Heliopolis
Ultralight-HTHeliopolisكيتا اوفر واسرع لتوصيل الطعام
幫大家吃得更好,生活更好
Light-HTHeliopolisكيتا اوفر واسرع لتوصيل الطعام
Typology is more than a design element. Keeta has two type families:
幫大家吃得更好,生活更好
Regular-HTHeliopolisكيتا اوفر واسرع لتوصيل الطعام
FZ LanTingHei family for Traditional Chinese and DIN for English,
numbers and symbols. They literally articulate our messages,
Bold-HTHeliopolisكيتا اوفر واسرع لتوصيل الطعام
expressing both what we say and how we say it.
幫大家吃得更好,生活更好
Black-HTHeliopolisكيتا اوفر واسرع لتوصيل الطعام
FZ LanTingHei family is closely aligned with the Keeta brand
personality. We use it within products and in communications across
brands.
幫大家吃得更好,生活更好
DIN
DIN is another brand font used for international contexts. Being
modern, adaptable, and straightforward, DIN also resonates with
幫大家吃得更好,生活更好
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Keeta’s brand identity.
abcdefghijklmnopqrstuwxyz
DIN-Regular
The HTHeliopolis family is for Arabic contexts and it goes well with
1234567890 #$%@&,.-=+()
the font style of Din and FZ LanTingHei family
In Use
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
DIN-Bold
1234567890 #$%@&,.-=+()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
DIN-Pro-Medium
1234567890 #$%@&,.-=+()
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuwxyz
DIN-Pro-Black
1234567890 #$%@&,.-=+()Keeta Brand Guidelines > Graphic System
13
Graphic SystemKeeta Brand Guidelines > Graphic System > Graphic Overview
14
Graphic Overview
As a general rule, branded graphics should make sense of themselves,
completing our story.
The Food Delivery
Service Platform
As its name implies, we envision Keeta bursting forth like a cheetah
running at full speed.Keeta Brand Guidelines > Graphic System > Keeta Curves
15
Keeta Curves
Keeta curves are originated from our logo which are composed of
concentric circles.Keeta Brand Guidelines > Graphic System > Usage
16
Usage
The Main
Keeta curves, in the most classic, standard and preferable way, are
Text Here
three trail of curves cut from concentric circles composing a 3-color
graphic.
These three colors are from our brand color palette and must be in
a specific sequence and order. Once you use a 3-color curves group,
please choose only between a Keeta Green-Dark Green-Keeta Yellow
sequence, with the Dark Green trail sandwiched between the other
two, or a Keeta Yellow-Light Yellow-Dark Green sequece, with the
Light Yellow trail sandwiched between the other two.
The curves can be scaled, framed and arranged lively when images
and videos are engaged. Sometimes when there are only two trail of curves,
please make sure that both Keeta Yellow and Keeta Green can be clearly
seen in the design so that our brand identity is strengthened.
Please pay special attention to the logo usage with Keeta curves. The
two-color logo goes best with all the brand colors except the Dark Green.
The Main
Please use the white logo when it is ought to be placed on a Dark Green
background. Please avoid putting a logo on the joint of two curves.
Text HereKeeta Brand Guidelines > Social Media Avatars
17
Social Media AvatarsKeeta Brand Guidelines > Social Media Avatars > Avatars Overview
18
Avatars Overview
Search bar
QR code
Light background
Light background
Keeta
Search bar
The search bar can be extended according to the layout.
Yellow background
Yellow background
QR code
The center of gravity icon can be retained or not according to the actual
Keeta
situation.
Social icons
Green background
Green background
Different operation systems and products have different sizes and
appearances. To ensure that Keeta can be consistently exposed in
Keeta
different situations, icon cutting specifications are specially formulated.
No matter what shape (circle or square) of the icon, maintain the
presentation of Keeta logo on Keeta Yellow background.
Social iconsKeeta Brand Guidelines > Applications
19
ApplicationsKeeta Brand Guidelines > Applications > Concept
20
Concept
Here’s an overview of our brand ingredients in action. Material designs always
have an energetic and distinctive tone.
It is highly recommended to always do a prototype before actual production in
order to make sure colors are on brand. Keeta Brand Team must be involved in
prototyping review processes.