Brandguideline SVARA APP

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