Kick Identity

Brand
Identity.
JAN 2023
Kick Brand Identity
Welcome to Kick Brand Identity guidelines.
These guidelines have been set to outline the standards of

consistency within the visual identity of the brand image.
This style guide focuses on the planning of the correct
application, color, typography and visuals, establishing the
brands boldness and visual marketing appeal.
Defined styles and guidelines help us design a wide variety

of experience that still always feels like Kick.
Kick Brand Identity
01
Introduction.
Kick Brand Identity - Introduction
Brand Values
Bold 95-5
Tenacity Strong Competitive Unprecedented Alluring
Modern Fair
Friendly Multigenerational Honest Transparent

Voice & Tone

We are straightforward and balanced, we are the
overarching caretaker with our voice and tone
remaining strong and bold.
While we intend to have a more conversational,

human tone in the main, that doesn't mean that
we’re overly informal. Our tone will vary depending
on the audience, the context and the information
that we need to convey.
Design
Our bold design style gives us an implied
authority and an almost interrupting or impeding
presence. We want to create a space of safety
and familiarity that resonates at a
multigenerational level, while using sentimental /
modern theme.
Avoid using pixelated and blurry graphics and

imagery. Utilize our brandmarks and elements to
showcase our brand to be always modern and
on-trend.
Kick Brand Identity
02
Brandmark.
Kick Brand Identity - Brandmark
Our Logo
Primary Logo
The Kick logo consists of the word mark. It’s an
instantly recognizable brand element and we want to
present our logo consistently to convey a coherent
message and reliably uphold our values.
In no way should the logo be modified, distorted, or

redrawn.
Always use the logo files provided. Do not re-create.

The Special “K”

Secondary Logo
Our secondary logo consists of the letter ‘K’ from the
primary logo to add flexibility and enhances our
personality.
In no way should the logo be modified, distorted, or

redrawn.
Always use the logo files provided. Do not re-create.

Logo Misuse 1 2
Consistent and accurate presentation of our logo

reinforces awareness of our brand and ensures the
legal protection of our identity.
1. Don’t go crazy with your color mix.
2. Don’t apply effects.

3 4
3. Don’t twist and turn the logo around.
4. Don’t scale individual parts of the logo.

Kick cuts
Kick Cuts is our logo icon sized with the pixel
cuts sized down.
This extension of the brand icon gives us a

method to create unique branding out of
nothing more than the edges of an art board.
Clear Space
To ensure the right amount of breathing Primary Logo
space around the Kick logo, a clear space
zone should be applied. No graphic
elements of any kind should invade this
zone. To work out the clear space take the
height and width of our secondary logo and
measure around each logo.
Secondary Logo
Small Use
To ensure legibility of our logo, the Minimum size for
primary logo should only be used when our Primary Logo
the logo size is at least 90px wide. For 90px
any sizes smaller than that, please use
our secondary logo.
Usage on
backgrounds 1
We use the Kick logo as a standalone brand element.
By doing so, it creates a strong and distinctive brand

symbol. Using white logo on Dark Grey or our primary
green brand color should always be the favorite options.
For any other use cases, see the hierarchy below.
1. Full white “KICK” logo on Dark background.

Preferred option. 2 3
2. Green “K” logo on Dark background.
Second preferred option.
3. White “K” logo on Dark background
To be used when option 1 & 2 are not working out.
Logo Placement
Please always put our logo at the bottom left of all Internal Use
imagery.
We want to create a unified branding structure.

Showing the logo with consistent placement
creates a sense of belonging for the logo, the
viewer can become comfortable with its presence
across all branding.
External Use
Always use our Primary Logo for external use to

better represent our brand, and use our
Secondary Logo for internal use to achieve a
simplified and clean look.
Kick Brand Identity
03
Color Palette.
Kick Brand Identity - Color Palette
Primary color Kick’s Signature Green

Hex 00E701
A vibrant green is used as our primary color, RGB 0, 231, 1
it is bold, bright and draws attention the CMYK 85, 0, 100, 0
moment it is shown, it holds Kick’s brand PMS 32
values perfectly.
(Theme-Kick)
Use it as accent color to make Kick stand out.
Neutral Colors Hex 0B0E0F Grey 900
Our neutral colors come in the forms of dark grey

and blacks, they provide Kick’s Signature Green Hex 191B1F Grey 800
more contrast, to be easily seen and become more
visually striking.
Hex 24272C Grey 700

The mixture of the two gives the brand a relaxing
and harmonic feeling, which fits perfectly into our
brand values of making our audience feel welcome.
Hex 474F54 Grey 600

These shades of grey will allow the brand its full
potential.
Hex 000000 Black
Suggested
Color pairings
Here is a collection of suggested color pairings.
These colors work well on-top of each other
and provide enough contrast for the reader.

Kick Brand Identity
04
Typography.
Kick Brand Identity - Typography
Typefaces
Our primary typeface is Inter, it is often
Inter
Primary typeface: Inter
described as a workhorse. It maintains
smooth legibility and readability because
its tall X height. Inter is a very carefully Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
designed font, aiming to optimize your sed diam nonummy nibh euismod tincidunt ut laoreet
on-screen experience. dolore magna aliquam erat volutpat. Ut wisi enim ad
minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat
nulla facilisis at vero eros et accumsan et iusto odio
dignissim qui blandit praesent luptatum zzril delenit
augue duis dolore te feugait nulla facilisi.
Font Weight: Medium
Type styles Inter
Web Headline
Font weight: Bold
Bold
Characters: Title Case
Web Headline
Line height: 100%
To be used for all headlines and tagline.
Ultra Headline
Font weight: Black
Characters: Title Case
Inter
Line height: 100%
To be used for short and large headlines.
Paragraphs Black
Font weight: Medium
Ultra Headline
Characters: Sentence case
Line height: 100%
To be used for all paragraphs.

paragraph
rules
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed Lorem ipsum dolor sit
diam nonummy nibh euismod tincidunt ut laoreet dolore magna amet, consectetuer
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis adipiscing elit, sed
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip diam nonummy nibh
ex ea commodo consequat. Duis autem vel eum iriure dolor in euismod tincidunt ut
hendrerit in vulputate velit esse molestie consequat, vel illum laoreet dolore magna
dolore eu feugiat nulla facilisis at vero eros et accumsan et aliquam erat volutpat.
iusto odio dignissim qui blandit praesent luptatum zzril delenit Ut wisi enim ad minim
It’s important to apply the right length for paragraph augue duis dolore te feugait nulla facilisi. veniam, quis nostrud
exerci tation
text. Generally a line of type in a paragraph should be ullamcorper suscipit
between 50 and 75 characters long, or about 11 words lobortis nisl ut aliquip
ex ea commodo
in English. 1 2 consequat. Duis autem
vel eum iri ure dolor in
hendrerit in vulputate
3
1. Correct text width.
2. Too narrow. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis
nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis
3. Too wide. autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore
eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, cons
ectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Kick Brand Identity
05
Imagery.
Kick Brand Identity - Imagery
Use of Kick cuts

When using the Kick Cuts, always center align the far
right pixel cluster, then center align the top and bottom
clusters with the image.
The use of the Cuts should be used to add a branding

mark on an image that otherwise has no Kick brand
affiliations.
When working with an image, if the green doesn’t have

enough contrast, there is also a black option that can
be used if needed.
Bold Graphics
These bold graphics are our special way
of connecting product to person.
The assets used will have screens which

are able to be customized to show
different elements of the Kick experience.
This instills in a person the feeling that
Kick is not just a platform, but it can be
YOUR platform. A platform that can be on
your device, controlled by you; making
YOU the center and focus of Kick.
Social Media 1
The guidelines for social platforms such as Twitter, Reddit,
Discord, Instagram, etc, have been optimized for our
unique presentation of content.
For the sake of maintaining a consistent and comfortable

balance of branding and content, these guidelines should
be followed with the exception of good judgment and the
consideration of the grid as a whole.
Social Media 2
The instagram grid design has an array of
options to choose from when creating a post;
a diversity that is crucial to the display of the

brand on this platform and others.
There are options to share minimal and message

oriented text in an engaging and refreshing
format. We also have ways to show images,
games, streamer reveals and updates, recaps
and so much more.
Social Media 3
Easily customizable, clean, simple, information
oriented and flexible within the guides.
This format is for landscape imagery supported
by platforms like Facebook, Twitter, Reddit, etc.
Face Lock
Face Lock is a bounding box that can
be applied to faces of New Streamers
or Sponsors when promoting the brand.
It can be used on its own Instagram

template as well as other landscape
social media posts. Always shown in
our signature green.
video
Video should be displayed as just fullscreen
video accompanied by the logo icon.
Any information should be shared in the video
description style of the platform used.
The portrait format should be displayed inside
the “Kick Frame” with a blurred parallel clip
behind it.


Kick Identity

Uploaded by

Document Information

Original Description:

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Kick Identity

Uploaded by

Copyright:

Available Formats

Brand

Welcome to Kick Brand Identity guidelines.

These guidelines have been set to outline the standards of

Defined styles and guidelines help us design a wide variety

Tenacity Strong Competitive Unprecedented Alluring

Friendly Multigenerational Honest Transparent

Voice & Tone

While we intend to have a more conversational,

Avoid using pixelated and blurry graphics and

In no way should the logo be modified, distorted, or

Always use the logo files provided. Do not re-create.

The Special “K”

In no way should the logo be modified, distorted, or

Always use the logo files provided. Do not re-create.

Consistent and accurate presentation of our logo

1. Don’t go crazy with your color mix.

2. Don’t apply effects.

4. Don’t scale individual parts of the logo.

This extension of the brand icon gives us a

We use the Kick logo as a standalone brand element.

By doing so, it creates a strong and distinctive brand

1. Full white “KICK” logo on Dark background.

We want to create a unified branding structure.

Always use our Primary Logo for external use to

Primary color Kick’s Signature Green

Neutral Colors Hex 0B0E0F Grey 900

Our neutral colors come in the forms of dark grey

Hex 24272C Grey 700

Hex 474F54 Grey 600

Here is a collection of suggested color pairings.

These colors work well on-top of each other

and provide enough contrast for the reader.

Type styles Inter

Font weight: Bold

To be used for all headlines and tagline.

Font weight: Black

Characters: Title Case

Line height: 100%

To be used for short and large headlines.

Line height: 100%

To be used for all paragraphs.

Use of Kick cuts

The use of the Cuts should be used to add a branding

When working with an image, if the green doesn’t have

of connecting product to person.

The assets used will have screens which

For the sake of maintaining a consistent and comfortable

a diversity that is crucial to the display of the

There are options to share minimal and message

Kick Brand Identity - Imagery

Easily customizable, clean, simple, information

oriented and flexible within the guides.

This format is for landscape imagery supported

by platforms like Facebook, Twitter, Reddit, etc.

Kick Brand Identity - Imagery

It can be used on its own Instagram

Video should be displayed as just fullscreen

video accompanied by the logo icon.

Any information should be shared in the video

description style of the platform used.

The portrait format should be displayed inside

the “Kick Frame” with a blurred parallel clip

Kick Brand Identity - Imagery