Brand Guideline
Published by
Brand Guideline published by:
Director & Strategic Principal: Ervan Raditia Creative Director: Mochamad Rayhan Caesar A. Graphic Designer: Ari Pandu Dwiana Yudha
BANDUNG HQ Jl. Bengawan No.72 Kota Bandung Jawa Barat Tel +622 2015 12835 Partner@growup.co.id
All rights reserved. No part of this pulication may be reproduced or transmitted in any form or by any means, electronic or mechanical, including photocopy, recording or any information storage and retrieval system, without prior permission in writing from the owner
Contents
About SVARA
Brand Typefaces
Brand Collaterals
About
02
Headline
20
Social Media
34
Brand Philosophy
03
Subheadline
21
Interfaces
35
Vision Mission
04
Body Copy
22
Business Card
36
Brand Unique Value
05
Typefaces Usage
23
ID Card
37
Audience Insight
07
ID Card II
38
Lanyard
39
Flyer
40
Poster
41
Poster II
42
Photography Treatment
Banner
43
Banner II
44
Photography Guide 28
Banner III
45
Stage
46
Notebook
47
Brand Communication
Brand Colours
Brand Communication
9
Brand Color
Tagline
10
Brand Message
11
Logo GSM
26
Logo Philosophy
13
People
Logo Variations
14
Place or Ambience 30
Safe or Clear Area
15
Totebag
48
Logo Color Variations
16
Shirt
49
Do’s & Don’t
17
Graphic Elements
Polo Shirt
50
Logo Placements
18
Graphic Elements
Signage
51
29
32
Published by
About SVARA
Chapter 01
About SVARA
About
SVARA merupakan sebuah broadcasting platform untuk membantu Industri Radio dalam melakukan Digital Transformation dan juga bagi pendengar untuk menikmati cara baru mendengarkan radio, musik, dan podcast. Terdapat beberapa fitur utama yang ditawarkan, diantaranya; Modernization on-air platform, monetize on-line platform.
Brand Guideline
02
Chapter 01
About SVARA
Brand Philosophy SVARA To be the source of everything to be more fun and related to music and user-based experience. These naming is representing ‘ the music festival, user friendly, and high-quality musical taste & audio.
Brand Guideline
03
Chapter 01
About SVARA
Vision Mission Vision Become World Leading Media & Broadcasting Platform
Mission Unicorn Start-up in 2025
Brand Guideline
04
Chapter 01
About SVARA
Brand Unique Value Unique Value Proposition Svara dapat menjadi wadah interaksi para broadcaster. Memiliki emotional engagement dengan audiens. Terlibat dalam aktivitas komunitas sehingga terasa menjunjung tinggi kebangganaan produk lokal.
Brand Guideline
05
Chapter 01
About SVARA
Brand Unique Value
Positioning Menjadi platform pertama yang menyediakan berbagai layanan dalam satu pintu
Radio online (Tanpa AM/FM)
Konten audio interaktif (adanya interaksi pengguna dengan platform dan menyajikan audio yang berwarna walaupun tanpa adanya visual)
Konten yang terkurasi dengan baik sesuai dengan pengguna (misalnya dipisahkan dari segi usia/bahasan), tidak semua podcaster bisa memasukkan materi
Menyediakan beragam konten (inspirasi, bibliografi, informasi, dll)
Menggunakan kuota yang lebih sedikit dibandingkan menonton Youtube tetapi feel yang didapatkan sama
Brand Guideline
06
Chapter 01
About SVARA
Audience Insight Audience
Needs Primary
Young Family | Primary (25 - 34 y.o)
Mengisi waktu luang ketika di perjalanan/bekerja
Students | Secondary (18 - 24 y.o)
Banyak belajar mengenai parenting Membutuhkan konten untuk anaknya (ramah untuk anak)
.
Needs Secondary Sarana informasi atau hiburan ketika di perjalanan Menambah wawasan/inspirasi Menginginkan konten edukasi atau inspirasi, storytelling, berita
.
Brand Guideline
07
Published by
Brand Communication
Chapter 02
Brand Communication
Brand Communication Subbrand or Subsidiary Brand Architecture Dalam skenario ini, anak perusahaan, produk, ataupun layanan lainnya dari sebuah perusahaan digabungkan dengan identitas dari brand utama. Entah brand utama mendominasi identitasnya ataupun dua brand yang berfungsi sebagai co-driver.
Brand Guideline
09
Chapter 02
Brand Communication
Tagline
The Sounds of You
SVARA mengembangkan platform yang dapat menghidupkan kembali industri broadcasting agar lebih mudah disentuh oleh masyarakat dan dirasakan manfaatnya sesuai dengan kebutuhan dari masing-masing konsumen.
Brand Guideline
10
Chapter 02
Brand Communication
Brand Message
Untuk menjadi salah satu platform yang dapat mewadahi kebutuhan hiburan yang berbasis edukasi untuk masyarakat secara langsung ataupun dapat menjadi tumpuan bagi industri broadcasting dalam memperluas/mempermudah.
Brand Guideline
11
Published by
Logo Graphics Standart Manual
Chapter 03
Logo Philosophy
Graphic Standart Manual
Logo SVARA terdiri atas 3 struktur bentuk. Yaitu bentuk huruf S sebagai abreviasi brand name SVARA, yang mewakili visi, misi, filosofi dari brand SVARA itu sendiri.
Bentuk yang kedua yaitu microphone, bentuk yang merepresents service SVARA sebagai platform, tempat orang-orang mencari informasi, mendengarkan radio, podcast atau musik favorit.
Bentuk garis outline lingkaran dibagian luar merupakan bentuk yang merepresentasikan SVARA sebagai brand yang berbasis komunitas.
Bentuk ketiga yaitu gelombang suara, sebagai bentuk semiotics brand SVARA yang menyebarkan, dan memperluas frekuensi suara untuk dapat dijangkau oleh audiens dimanapun dan kapanpun.
Ini adalah simbol ekspresi dan suara kebahagiaan, The Sounds of You, S sebagai abreviasi brand name SVARA
Microphone
Soundwaves
Hear by You, Listening The People, Listen, be Listened and Embracing The Vibration.
Brand Guideline
13
Chapter 03
Graphic Standart Manual
Logo Variations Logogram
Logotype
Horizontal Secondary Log
SVARA has 3 logo variants. Always use the
The logo consists of two elements, logogram
primary one as the main logo of the brand. The
and logotype. Logomark is the abstract
logo has mainly three variations accoding to
symbol associated to the brand. Logotype is
the heirarcgy of different grafical elements.
the name of the brand represented using text.
HORIZONTAL
VERTICAL
Horizontal version of the logo accomadete
As opposite to the vertical version, the horizon-
more space for the logotype, by means the
tal version of the logo gives more importance
name will get more visual weight than the
to the mark. This can be used in where the
logogram. This version can be carefully used
brand wants more focus to its logogram. In
where we want to give more importance to
case our primary logo doesnt fit to your design
our corporate name. Lets try to manage this
needs, dont worry we have provide.
set as our primary logo lock up, you can use it on every medias but please, use it carefully and make sure that it looks very good. Vertical Primary Logo
LOGOGRAM Being a symbol the mark has very strong recall to its associated brand. Logogram
Logo with tagline
the sound of you
can exist by itself to represent the entire brand on many places according to the context of its usage, it can be used in
App
Product Logo
selected medias.
Brand Guideline
14
Graphic Standart Manual
Chapter 03
Safe or Clear Area
Clear Space
11cm x 11 cm Minimum size
The Brandmark has been designed to present a clear relationship between all elements. Our logo needs space to stay bright and alive. It’s important to ensure no other logos, graphic or text cross the boundaries of SVARA.
The exclusion zone refers to the area around the logo which must remain free from other copy to ensure that the logo is not obscured.
Brand Guideline
15
Chapter 03
Logo Color Variations
Graphic Standart Manual
One Color & Positive Version
Brand Guideline
White Version
Black Version
16
Chapter 03
Graphic Standart Manual
Do’s & Dont’s Do’s These are the suggested set where the logo needs to be placed on special case, it could be on pattern On Light Background
On Image Background
Distort
Shadow
background, gradient, images, or even you can treat our logo to be a multidimensional one.
Don’t We care about you, your eyes, our eyes, but especially everyones eyes, thats why we set a rules that On Multiple color Background
On Image Background
Gradient
Outline
is very important to all of us to follow, that being said, dont let them guys having bad impression, so here is our guide NOT to follow. No. Never.
On Gradient Background
3D Extrude
Change Propositions
Brand Guideline
Rotate
17
Graphic Standart Manual
Chapter 03
Logo Placement
Potrait
Square
Logo placement on vertical dimension.
Logo placement onsquare dimension.
The logo can be placed (both vertical and horizondal) on any of the four corners of the canvas.
Landscape Logo placement on vertical dimension.
Brand Guideline
18
Published by
Brand Typefaces
Chapter 04
Brand Typefaces
Nunito Bold
Headline Lorem ipsum dolor sit amet, consectetuer
Nunito Regular
Nunito Semibold
Aa Bb Cc Dd Ee Ff Gg Hh
Aa Bb Cc Dd Ee Ff Gg Hh
Ii Jj Kk Ll Mm Nn Oo Pp
Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx
Qq Rr Ss Tt Uu Vv Ww
Yy Zz
Xx Yy Zz
Nunito Bold
Nunito Extra Bold
Aa Bb Cc Dd Ee Ff Gg Hh
Aa Bb Cc Dd Ee Ff Gg
Ii Jj Kk Ll Mm Nn Oo Pp
Hh Ii Jj Kk Ll Mm Nn Oo
Qq Rr Ss Tt Uu Vv Ww
Pp Qq Rr Ss Tt Uu Vv
Xx Yy Zz
Ww Xx Yy Zz
Panagram Example
The quick brown fox jumps over a lazy dog.
Brand Guideline
20
Chapter 04
Brand Typefaces
Nunito Regular
Subheadline Lorem ipsum dolor sit amet, consectetuer
Nunito Regular
Nunito Semibold
Aa Bb Cc Dd Ee Ff Gg Hh
Aa Bb Cc Dd Ee Ff Gg Hh
Ii Jj Kk Ll Mm Nn Oo Pp
Ii Jj Kk Ll Mm Nn Oo Pp
Qq Rr Ss Tt Uu Vv Ww Xx
Qq Rr Ss Tt Uu Vv Ww
Yy Zz
Xx Yy Zz
Nunito Bold
Nunito Extra Bold
Aa Bb Cc Dd Ee Ff Gg Hh
Aa Bb Cc Dd Ee Ff Gg
Ii Jj Kk Ll Mm Nn Oo Pp
Hh Ii Jj Kk Ll Mm Nn Oo
Qq Rr Ss Tt Uu Vv Ww
Pp Qq Rr Ss Tt Uu Vv
Xx Yy Zz
Ww Xx Yy Zz
Panagram Example
The quick brown fox jumps over a lazy dog.
Brand Guideline
21
Chapter 04
Brand Typefaces
Body Copy
Montserrat Alternates
Lorem ipsum dolor sit amet, consectetuer
Montserrat Alternates Regular
Montserrat Alternates Italic
Aa Bb Cc Dd Ee Ff Gg
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn
Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu
Oo Pp Qq Rr Ss Tt Uu
Vv Ww Xx Yy Zz
Vv Ww Xx Yy Zz
Montserrat Alternates Bold
Montserrat Alternates Bold Italic
Aa Bb Cc Dd Ee Ff Gg
Aa Bb Cc Dd Ee Ff Gg
Hh Ii Jj Kk Ll Mm Nn
Hh Ii Jj Kk Ll Mm Nn
Oo Pp Qq Rr Ss Tt Uu
Oo Pp Qq Rr Ss Tt Uu
Vv Ww Xx Yy Zz
Vv Ww Xx Yy Zz
Panagram Example
The quick brown fox jumps over a lazy dog.
Brand Guideline
22
Chapter 04
Brand Typefaces
Typefaces Usage The Sound of You
Nunito Bold Digunakan untuk Headline
Lorem Ipsum is simply dummy
Nunito Regular Digunakan untuk Subheadline
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus
Montserrat
PageMaker including versions of Lorem Ipsum.
Digunakan untuk Body copy
Brand Guideline
23
Chapter 04
Brand Typefaces
Typefaces Usage
The Sound of You
The Sound of You
The Sound of You
Lorem Ipsum is simply dummy
Lorem Ipsum is simply dummy
Lorem Ipsum is simply dummy
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the
Lorem Ipsum has been the industry's standard dummy text ever since the
Lorem Ipsum has been the industry's standard dummy text ever since the
1500s, when an unknown printer took a galley of type and scrambled it to
1500s, when an unknown printer took a galley of type and scrambled it to
1500s, when an unknown printer took a galley of type and scrambled it to
make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing
Lorem Ipsum passages, and more recently with desktop publishing
Lorem Ipsum passages, and more recently with desktop publishing
Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum.
software like Aldus PageMaker including versions of Lorem Ipsum.
software like Aldus PageMaker including versions of Lorem Ipsum.
Brand Guideline
24
Published by
Brand Colours
Chapter 05
Brand Colours
Brand Color Primary Color
Semangat, excitement, muda, ramah
Primary Color Secondary Color
Psychologically, pastel red can have an impact on emotions, perceptions that represent enthusiasm, excitement, youth, and friendliness.
Kebahagiaan, ketenangan
Secondary Color Orange color represents happiness, calm, and friendly. Green as a sharp color is used as a contrast color that gives an optimistic impression. The color brown will give the impression of warmth and comfort as well, this color symbolizes the life force, while the blue color symbolizes a relationship of professionalism
Optimism
and intelligence.
Hangat, nyaman, kekuatan hidup
Profesional, kecerdasan, dingin
Brand Guideline
26
Published by
Photography Treatments
Chapter 06
Photography Treatment
Photography Guide Brand identity is about visibility and the connotations that come with it. It needs to be easily recognisable in its visual content so consumers or stakeholders can make instant connections as to understanding what it means to them in what they see.
If all our valuable keyword translated in to visual, they exactly look like this. So if you want to use photograph or another additional graphic element, make sure that feel and look like this pictures beside.
SVARA photography must reflect a bright, warm and fun mood. It commincates the message with enough clarity and legibilty in various size and format.
Brand Guideline
28
Chapter 06
Photography Treatment
Photography Guide Human or People People take the most substantial role in SVARA, whether it’s the audiences, inspiring people or participants.
By portraying the people of SVARA, we possibly channel SVARA behaviour and culture to the audiences, whilst they can easily picture what it is like to be a part of SVARA.
Inspiring, intense, exciting and friendly mood in the photos are the key aspect, our peoples are captured in their everday setting, with the best lighting available. They are shown either interacting casually with other fellow peoples, or shown individually in their gear. The overall ideal is to showcase the strong collective spirit of SVARA peoples.
Brand Guideline
29
Chapter 06
Photography Treatment
Photography Guide
Place or Ambience SVARA photography captures not only the mood, but also the function. we visually communicate and inform the value of a story for audience.
Brand Guideline
30
Published by
Graphic Elements
Chapter 07
Graphic Elements
Graphic Elements In order for the identity to match the character of the consumer, an illustration of the graphic element is designed to represent various images of each user's expression when using SVARA. They represent people of all shapes, sizes, and personalities for every SVARA user.
The illustration was chosen because of the consideration of competitors who tend to rely more on photography and color gradient colors as their main visual identity. Therefore, SVARA will be more dominant using the illustration method than photography, or both can be combined so that SVARA can have a chance to be seen more standout than other similar applications.
Illustrations are also deemed suitable for visualizing complex concepts in a fun way, besides that illustrations can also be combined with stories that make SVARA more accessible and attractive to its users.
Brand Guideline
32
Published by
Brand Collaterals
Chapter 08
STREAM NOW!
Dian Sastrowardoyo Serenata Jiwa Lara
Brand Collaterals
Lorem Ipsum Dolor Sit Amet
Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
Talks About Podcast
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
Adriano Qolbi Podcaster
available on SVARA
Brand Guideline
34
Chapter 08
Brand Collaterals
Brand Guideline
35
Chapter 08
Brand Collaterals
Brand Guideline
36
Chapter 08
Brand Collaterals
Brand Guideline
37
Chapter 08
Brand Collaterals
Brand Guideline
38
Chapter 08
Brand Collaterals
Brand Guideline
39
Chapter 08
Brand Collaterals
Brand Guideline
40
Chapter 08
Brand Collaterals
Brand Guideline
41
Chapter 08
Brand Collaterals
Brand Guideline
42
Chapter 08
Brand Collaterals
Brand Guideline
43
Chapter 08
Brand Collaterals
Brand Guideline
44
Chapter 08
Brand Collaterals
Brand Guideline
45
Chapter 08
Brand Collaterals
Brand Guideline
46
Chapter 08
Brand Collaterals
Brand Guideline
47
Chapter 08
Brand Collaterals
Brand Guideline
48
Chapter 08
Brand Collaterals
Brand Guideline
49
Chapter 08
Brand Collaterals
Brand Guideline
50
Chapter 01
Graphic Standart Manual
Brand Guideline
51
Published by
Published by
