You are on page 1of 33

Brand

Guideline.
Official Guidelines Official
Assets of for Authorized Brand
ROKBAR Usage Guideline
Official Guidelines Official
Assets of for Authorized Brand
ROKBAR Usage Guideline
Official Guidelines Official
Assets of for Authorized Brand
ROKBAR Usage Guideline

Table
of Contents.
Brand
Soul Page.01

01.
01.1 Brand Personality 03
01.2 Brand Values 05

Brand
Identity Page.07

02.
02.1 Logo Guideline 09
02.2 Collaterals Application 31
Intro-
duction.

Welcome to the brand guideline book of Rokbar. The purpose


of this brand guideline book is to ensure consistent and
coherent approach in portraying the essence of our brand and
conveying our core message to engage with the audience.

The Purpose This document can also be used to guide the creative team in
gaining a better understanding about the brand and thus

of This Book create relevant contents across channels according to the


principles set out within this brand guideline.
Chapter.01

01
Brand
Soul.
This section outlines the brand story and several elements that shape
the soul of Rokbar as a brand. It differentiates the brand from other
peers in the market to engage with potential contributors and
consumers on a deeper, more meaningful level.

P.01-02
Chapter.02
Chapter.01

01.1 Whether smoking alone


Brand Personality or with others,
Rokbar aims to be the:
cool nice loving quirky friend

Be Yourself Fun Loving Creative Well-Mannered

Chill and enjoy every We love sunrise and We get excited with We do things with
slice of life. Don’t preach, hiking moments. We like creative ideas that respectful and elegant
compete, and to have fun, be it alone or amplify our sense of attitude.
overpromise. with others. exploration.
Be honest.

P.03-04
Chapter.01

01.2
Brand Values
As a brand, we deeply value..

1. Authentic We celebrate originality in diverse kinds of


creative expression. Being unapologetic in our

Self-Expression unique individuality can inspire others to re-claim


the boldness within themselves and express their
own authentic self as well.

2. Pleasure Be it contemplative time alone or sharing


pleasurable moments with others, we cherish the

in Life beauty in every slice of life. We aspire to elevate the


intention of enjoying our living moments beyond
mere escapism. It is our way of experiencing life to
the fullest.

3.
We’re thoughtful of who we are as a brand. Therefore,
Respectful we don’t over-explain ourselves. Instead, we invite
everyone to experience the pleasure of life with us with
Attitude ease and openness. With respectful attitude, we value
genuine connections more than just market penetration.
We’re all about long-lasting feeling, not just riding the
temporary hype.

P.05-06
Chapter.02

02
Brand
Identity.
This section acts as a guideline for the use of Rokbar’s brand
identity in a variety of applications. It aims to ensure that all forms
of application adhere to Rokbar’s brand identity system standard.

P.07-08
Chapter.02

02.1.1
This device unites diverse individuals through a
Vaping with ROKBAR transforms
sensory journey of meticulously crafted flavors,
e-liquid molecules into a personalized
capturing the essence of individual tastes in one
Logogram Concept vapor, offering a flavorful experience
with every inhale.
convenient bar.

P.09-10
Chapter.02

02.1.2 02.1.3
Logogram Clear Space Logogram Minimum Size
Maintain a consistent exclusion zone around the The minimum distance to be maintained To maintain full legibility, never reproduce the There is no maximum size limit, but use
Indonesia in a bootle logogram, as shown. This around the Indonesia in a bootle logogram logo at heights smaller than 4,5mm and width discretion when sizing the logo.
space represents the minimum distance between measures 1/2x around the logo whatever the smaller than 32mm.
the logo and any other design element or text. size of the logo may be.

1/2x 1/2x

4,5 mm

4,5 mm

1/2x 1/2x
73,5 mm 73,5 mm

Minimum Size Enlarger from minimum size

P.11-12
Chapter.02

02.1.4 Our logotype is carefully constructed to create a


brand persona yet to maintain ownable
Logotype characteristic without jeopardizing the perfect
legibility at any size on any application.

P.13-14
Chapter.02

02.1.5 02.1.6
Logotype Clearspace Logotype Minimum Size
Maintain a consistent exclusion zone around The minimum distance to be maintained To maintain full legibility, never reproduce the There is no maximum size limit, but use
Rokbar logogram, as shown. This space around the Rokbar logogram measures 1/2x logo at heights smaller than 4,5mm and width discretion when sizing the logo.
represents the minimum distance between the around the logo whatever the size of the logo smaller than 32mm.
logo and any other design element or text. may be.

.1x = width of main identity Print based Minimum siza Screen based Minimum size

1/2x 1/2x

75 mm 200 px

1/2x 1/2x

60 mm 175 px

20 mm 50 px

P.15-16
Chapter.02

02.1.7 02.1.8
Logo on Logo on
Black / Dark Background White / Light Background

Black Background ( Dark ) White Logo White Background ( Light ) Black Logo

C: 100 M: 100 Y: 100 K: 100 C: 0 M: 0 Y: 0 K: 0 C: 0 M: 0 Y: 0 K: 0 C: 100 M: 100 Y: 100 K: 100


R: 0 G: 0 B: 0 R: 255 G: 255 B: 255 R: 255 G: 255 B: 255 R: 0 G: 0 B: 0
#000000 #FFFFFF #FFFFFF #000000

P.17-18
Chapter.02

This is the color combination of the main logo. The main logo color cannot be changed. A

02.1.9
Colors must be applied according to the logo consistent logo color will create a consistent
in terms of any application on any platform application of the brand, without changing
and media. its shape.
Logo on Colored Background

Background Color

C: 0 M: 67 Y: 100 K: 0
R: 248 G: 116 B: 0 PANTONE
#F87400 151 C

Background Color

C: 54 M: 0 Y: 78 K: 0
R: 79 G: 248 B: 122 PANTONE
#4FF87A 13-0340 TN

Background Color

C: 8 M: 0 Y: 81 K: 0
R: 248 G: 255 B: 79 PANTONE
#F8FF4F 393 C

Background Color

C: 30 M: 36 Y: 0 K: 0
R: 181 G: 162 B: 249 PANTONE
#B5A2F9 2645 C

Background Color

C: 46 M: 0 Y: 11 K: 0
R: 80 G: 253 B: 255 PANTONE
#50FDFF 13-5313 TCX (Aruba Blue)

P.19-20
Chapter.02

02.1.10
Here are the don'ts when implementing a logo The goal is to create a memorable logo image
on any type of platform. The logo should without any small or major changes, as it will ruin
remain as it is, with no small or major changes. the logo persona. The following are some
Logo Dont’s By following the system, it maintains the
consistency of logo application across all
examples of incorrect logo applications.

types of media.

Do not use any kind of line in the logo. The logo must be a solid Do not rotate the logomark and logotype in any direction.
Don't stretch the logo disproportionately. In terms of scaling, it Do not rotate the logo in any direction. Even with proportional
color with the original color spectrum. Logomark and logotype must always be in one form.
should be proportionately adjusted. angles, the logo should not be rotated.

Do not change the color to one solid color. Do not add any effects to the logo, such as
Don't add any effect from the logo like a drop shadow. If the logo is Don't add a gradient effect to the logo. Logo colors can only be
Colors can only be adjusted with the color system. Waves, Flags, Bows, etc.
not visible, refer to the logo color guide to make the display visible. customized based on the logo color spectrum.

Don't just use a logotype without a logomark. The logotype must Do not move or position the logomark. The logomark must
Do not reproduce the logo in any form, Do not adjust the logomark position and
be fixed and displayed with the logo mark at all times. remain in its original position, nowhere else it can be adjusted.
such as sketch art or any artwork. logotype to any position.

P.21-22
Chapter.02

02.1.11 02.1.12
Primary Color Color Configuration Don’ts
Our primary color and secondary color is Use these color in any layout or collateral design.
inspired by vibrant spirit of Indonesian people, Please consider to make the design as clean as
to give an energetic, fresh, and uplifting feeling. possible. Use Primary Color as a main color and
give a lot of white space. Use secondary color as
a complement.

C: 100 M: 100 Y: 100 K: 100 C: 0 M: 0 Y: 0 K: 0 C: 0 M: 67 Y: 100 K: 0 C: 54 M: 0 Y: 78 K: 0 C: 8 M: 0 Y: 81 K: 0


R: 248 G: 255 B: 79 R: 255 G: 255 B: 255 R: 248 G: 116 B: 0 R: 79 G: 248 B: 122 R: 248 G: 255 B: 79
#000000 #FFFFFF #F87400 #4FF87A #F8FF4F

PANTONE PANTONE PANTONE PANTONE PANTONE


BLACK WHITE 151 C 13-0340 TN 393 C

Secondary Color

C: 30 M: 36 Y: 0 K: 0 C: 46 M: 0 Y: 11 K: 0
R: 181 G: 162 B: 249 R: 80 G: 253 B: 255
#B5A2F9 #50FDFF

PANTONE PANTONE
2645 C 13-0340 TN
Avoid these color pairings to maintain content legibility

P.23-24
Chapter.02

02.1.13
Small variations in the use of the Please avoid to:
typeface will undermine the impact and
consistency of the brand. 1. Alter the proportions of the typeface.
Main Typography 2. Reproduce the typeface in any colours other than the
authorised color palette.

Headings & Body Text 100 ABCDEFGHIJKLM

Lausanne
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?!$%

300 ABCDEFGHIJKLM
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?!$%

800 ABCDEFGHIJKLM

AaBbCc
NOPQRSTUVWXYZ
abcdefghijklm
nopqrstuvwxyz
1234567890?!$%

P.25-26
Chapter.02

02.1.14
Small variations in the use of the Please avoid to:
typeface will undermine the impact and
consistency of the brand. 1. Alter the proportions of the typeface.
Typography Layout 2. Reproduce the typeface in any colours other than the
authorised color palette.

This is a Heading
With Typography
Lausanne 800

This text is a subheading with


a half-point size of its title
This is a Heading Lausanne 300

With Typography
Lausanne 800 This is the body text of the poster. The font is already set in Lausanne 300. The size of
this text is 3/4 of the subtitle. The text should be clear and visible throughout the layout.
Please maintain the legibility of the text, especially in the body text.

This text is a subheading with


a half-point size of its title
Lausanne 300

This is the body text of the poster. The font is already set in Lausanne 300. The size of
this text is 3/4 of the subtitle. The text should be clear and visible throughout the layout.
Please maintain the legibility of the text, especially in the body text.

P.27-28
Chapter.02

02.1.15 Creating a better hierarchy for the


audience to read and digest the message. This
It is important to adjust the layout to be more
pleasing to the eyes, with a clear hierarchy order.
Typography system delivers an easy understanding of the
message, and creates a digestible story
This means it is clear to show to the audience which
text should be read first, second and third.

Guidance through typography.

Do not change This treatment HEADLINE.


Do NoT
the color of the is decreas- SUBHEADLINE.
ComPlicatE
text other than i n g i t s legibility
The BeaUty oF
Home Suites and m a k e s i t
This TypeFAce.
corporate u n c l e a r .legi-
KeeP iT simPle
colour. bilityand THIS IS THE
and NaTurAl.
makes it BODY TEXT OF
unclear. THIS POSTER.

Do not use any other colours to the typography Do not use a mixture of upper Do not adjust the kerning to any specific Do not make any level of hierarchy the same
other than the colours that are stated in this case and lower case typography numbers. Make useof the authenticity of this size or scale as another. For example, the size
system. to form a word or sentence. typeface. Create an organic space between of the headline subheadline and the body text
each letters. is in the same size.

P.29-30
Chapter.02

02.2.1 Creating a better hierarchy for the


audience to read and digest the message. This
It is important to adjust the layout to be more
pleasing to the eyes, with a clear hierarchy order.
Implementation system delivers an easy understanding of the
message, and creates a digestible story
This means it is clear to show to the audience which
text should be read first, second and third.

Layout through typography.

ROKBAR. Logo Revision Jan, 2024

ROKBARVAPES.COM

Ease Your
Days

P.31-32
Chapter.02

02.2.2 Creating a better hierarchy for the


audience to read and digest the message. This
It is important to adjust the layout to be more
pleasing to the eyes, with a clear hierarchy order.
Implementation system delivers an easy understanding of the
message, and creates a digestible story
This means it is clear to show to the audience which
text should be read first, second and third.

Layout through typography.

Ease Your More Than


Logo Revision Jan, 2024

Just a Vape
Days

EXPERIENCE NOW
ROKBARVAPES.COM

ROKBARVAPES.COM

P.33-34
Chapter.02

02.2.3
Implementation
Instagram Story

Logo Revision Jan, 2024

rokbarvapes 2h

rokbarvapes 2h

More Than Just


rokbarvapes 2h

a Vape

Ease Your
Days
ROKBARVAPES.COM

Ease Your
Days
ROKBARVAPES.COM

P.35-36
Chapter.02

02.2.4
Implementation
Instagram Feed
More Than Just
Jan, 2024
a Vape

ROKBARVAPES.COM

Ease Your
Days
Innovative
ROKBARVAPES.COM Take on E-Cigarettes

P.37-38
Chapter.02

02.2.5
Implementation
Packaging (Device)

Logo Revision Jan, 2024

Yellow. Violet. Tangerine. Neon.


Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad
minim veniam. minim veniam. minim veniam. minim veniam.

rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN

P.39-40
Chapter.02

02.2.6
Implementation
Packaging (Disposable Liquid)

TEAR HERE TEAR HERE TEAR HERE TEAR HERE

Yellow. Violet. Tangerine. Neon.


Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad
minim veniam. minim veniam. minim veniam. minim veniam.

rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN rokbarvapes.com @rokbar IDN

P.41-42
Chapter.02

02.2.7
Implementation
Packaging (E-Liquid)

Yellow. Violet. Neon.

E-Liquid E-Liquid E-Liquid E-Liquid


Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer Lorem ipsum dolor sit amet, consectetuer
adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh adipiscing elit, sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad aliquam erat volutpat. Ut wisi enim ad
minim veniam. minim veniam. minim veniam. minim veniam.

30 oz 30 oz 30 oz 30 oz

P.43-44
Chapter.02

02.2.8
Implementation
Lanyard

P.45-46
Chapter.02

02.2.9
Implementation
Posters

P.47-48
Chapter.02

02.2.10
Implementation
Signage

P.49-50
Chapter.02

02.2.11
Implementation
Billboard

P.51-52
Chapter.02

02.2.12
Implementation
Tote-bag

P.53-54
Official Guidelines Official
Assets of for Authorized Brand
ROKBAR Usage Guideline
Ease Your
Days.

You might also like