JABAR MASAGI
GRAPHIC STANDARD MANUAL
Jabar Masagi Brandbook & Guidelines Copyright Š 2019 by Dinas Pendidikan (Disdik) Provinsi Jawa Barat All rights reserved. No part of this publication may be produced or transmitted in any form by any means, electronic or mechanical, including photocopying, recording or any information storage on retrieval system, without written permission from the publisher and the copyright owners, except in the case of educational purposes. For more information, contact Dinas Pendidikan (Disdik) Provinsi Jawa Barat Printed in Indonesia First Printing, 2019 Kantor Dinas Pendidikan Provinsi Jawa Barat Jl. Dr. Rajiman No.6, Pasir Kaliki, Cicendo, Kota Bandung, Jawa Barat 40912 Indonesia (022) 8827728 disdik@jabar.go.id INDONESIA
Pendidikan Karakter Berbasis Budaya Jabar
JABAR MASAGI PENANGGUNG JAWAB
DOLLY ISNAWAN
ART DIRECTOR
GELAR ANUGERAH M
COPYWRITER
IMANIAR RIZKI W
GRAPHIC DESIGNER
SEPTIANDWIRESTU
ILLUSTRATOR
RYAN ABHI D
GRAPHIC STANDARD MANUAL
DESIGNED BY
KATA PENGANTAR Dokumen ini berisi panduan untuk memastikan penggunaan identitas branding program Jabar Masagi dengan benar. Sebuah program yang dibangun di atas identitas yang kuat akan lebih tepat sasaran dan membangun loyalitas.
Branding yang kuat adalah sebuah aset yang dapat meningkatkan posisi program di mata masyarakat dan berkontribusi terhadap kredibilitas lembaga.
Ketika esensi branding dipahami baik oleh penggerak maupun target sasaran, hal tersebut dapat berfungsi sebagai sumber inspirasi dan kegembiraan bagi semua pihak.
KATA PENGANTAR DAFTAR ISI
I II
TENTANG CAMPAIGN
III
IDENTITAS VISUAL
IV
Masagi
03
Komponen Logo
01
Unsur Visual
04
Konfigurasi Logo
02
Palet Warna
03
Warna Logo
04
Tipografi
05
Area Proteksi
06
Ukuran Minimum
07
Penggunaan yang Tidak Dibenarkan
08
DAFTAR
ELEMEN GRAFIS
V
IMPLEMENTASI BRAND
VI
KONFIGURASI LAYOUT
VI
Pola
23
Co- Branding
29
Media Vertikal
65
Komposisi Pola
24
Stationery
30
Media Horizontal
71
Warna Pola
25
Merchandise
51
Template Pola
26
Halftone
27
Penggunaan Halftone
28
ISI
01
GRAPHIC STANDARD MANUAL
TENTANG CAMPAIGN
JABAR MASAGI
02
TENTANG CAMPAIGN
III
Masagi
03
Unsur Visual
04
MASAGI
TENTANG CAMPAIGN
GRAPHIC STANDARD MANUAL
Jabar Masagi adalah sebuah Kurikulum pendidikan karakter berbasis budaya Jawa Barat, yang dikembangkan oleh Dinas Pendidikan Provinsi Jawa Barat. Program ini beserta implementasinya diharapkan dapat menjadi solusi atas masalah akibat kurangnya pendidikan karakter di kalangan pemuda Jawa Barat, serta mewujudkan cita-cita Pendidikan Nasional untuk mencerdaskan kehidupan bangsa dan mengembangkan manusia Indonesia seutuhnya.
03
JABAR MASAGI
UNSUR VISUAL
TENTANG CAMPAIGN
GRAPHIC STANDARD MANUAL
Visual dibentuk dari unsur-unsur yang ada dalam tubuh Masagi, yaitu warna dari Provinsi Jawa Barat dan misi dari kampanye;
Menghidupkan potensi dari nilai luhur budaya Jawa Barat dan kolaborasi dari inisiatif berbagai pihak dalam mewujudkan perubahan.
Masagi > Huruf M
JABAR MASAGI
Kolaborasi > Overlay
Potensi > Closure
04
05
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
JABAR MASAGI
06
IDENTITAS VISUAL
IV
Komponen Logo
07
Tipografi
13
Konfigurasi Logo
08
Area Proteksi
15
Palet Warna
09
Ukuran Minimum
18
Warna Logo
10
Penggunaan yang Tidak Dibenarkan
19
KOMPONEN LOGO
Logogram
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
Logotype
Tagline
Pendidikan Karakter Berbasis Budaya Jabar
Logo Jabar Masagi terdiri dari 3 komponen utama yaitu, Logogram, Logotype dan Tagline
07
JABAR MASAGI
KONFIGURASI LOGO Logo Primer
IDENTITAS VISUAL
GRAPHIC STANDARD MANUAL
Logogram
Logo Primer full color berupa logogram, digunakan pada background putih. Tidak dibenarkan untuk mengubah komposisi logo.
Logo Sekunder
Logo Vertikal
Logo Horizontal
Logo Vertikal + Tagline
Logo horizontal + Tagline
Logo Sekunder full color berupa logogram + logotype. digunakan pada area yang sempit dan memanjang. Tidak dibenarkan untuk mengubah komposisi logo.
Logo with Tagline Konfigurasi Logo dengan tagline digunakan pada media-media yang membutuhkan komunikasi mengenai positioning Jabar Masagi
Pendidikan Karakter Berbasis Budaya Jabar
Pendidikan Karakter Berbasis Budaya Jabar
JABAR MASAGI
08
PALET WARNA
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
Warna Primer Palet Warna Primer dominan digunakan pada logo, identitas brand, dan elemen visual yang berkaitan dengan brand Jabar Masagi.
Biru RGB
0
181
240
CMYK
68
10
0
HEX
#00b5f0
0
100%
80%
60%
40%
20%
80%
60%
40%
20%
80%
60%
40%
20%
Hijau RGB
6
135
70
CMYK
87
22
96
HEX
#068746
8
100%
Kuning RGB
245
CMYK
5
HEX
#f5d11a
100%
09
209 14
97
26 0
JABAR MASAGI
PALET WARNA
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
Hitam
20%
40%
60%
80%
RGB
27
44
81
CMYK
97
86
40
HEX
#1b2c51
36
100%
Hitam
20%
40%
60%
80%
RGB
50
50
50
CMYK
69
63
62
HEX
#323232
58
100%
Warna Netral Putih
20%
40%
JABAR MASAGI
60%
80%
RGB
221
CMYK
12
HEX
#dddddd
100%
221 9
9
221 0
Penggunaan warna netral Hitam & Putih diterapkan pada elemen-elemen tipografi berupa teks maupun paragraf seperti Headline,, Sub Judul Bodycopy dan lainnya.
10
WARNA LOGO
IDENTITAS VISUAL
GRAPHIC STANDARD MANUAL
Logo Full Color Konfigurasi warna Logo Full Color menggunakan palet warna primer Biru, Hijau dan Kuning pada Logogram.
Sedangkan pada Logotype serta Tagline, menggunakan warna netral Hitam 100%.
Pendidikan Karakter Berbasis Budaya Jabar
09
JABAR MASAGI
WARNA LOGO
IDENTITAS VISUAL
GRAPHIC STANDARD MANUAL
Logo Hitam Putih Logo Hitam Putih digunakan pada material cetak dengan warna terbatas seperti stampel, emboss, material metal, kain maupun kayu.
Pendidikan Karakter Berbasis Budaya Jabar
Logo Negatif Logo Negatif digunakan pada media dengan background gelap, berwarna maupun background bergambar.
Pendidikan Karakter Berbasis Budaya Jabar
Logo Grayscale Logo Grayscale digunakan pada media cetak dengan keterbatasan penggunaan warna hitam namun masih memiliki kemampuan cetak raster.
JABAR MASAGI
Pendidikan Karakter Berbasis Budaya Jabar
12
TIPOGRAFI
IDENTITAS VISUAL
GRAPHIC STANDARD MANUAL
Intro Typeface Font Primer Font resmi yang digunakan untuk berbagai macam kebutuhan resmi dan formal maupun non formal menggunakan Intro Family.
Bold
Regular
Book Namun untuk komputer yang tidak memiliki font ini, gunakan Lucida Sans untuk kebutuhan headline/title dan body copy.
13
Light
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1234567890 .,?!”&*()[]
JABAR MASAGI
TIPOGRAFI
IDENTITAS VISUAL
GRAPHIC STANDARD MANUAL
Barlow Typeface Font Sekuder Font sekunder yang digunakan adalah Barlow Type Family. Jenis tipografi ini dapat diterapkan pada media resmi berupa bodycopy, serta dapat juga digunakan pada media-media aktivasi Jabar Masagi seperti, media sosial, event, merchandise dan lainnya.
JABAR MASAGI
Semi Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj
Medium
Kk Ll Mm Nn Oo Pp Qq Rr Ss
Regular
Tt Uu Vv Ww Xx Yy Zz
Light
1234567890 .,?!�&*()[]
14
AREA PROTEKSI
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
1x Area proteksi yang didesain untuk menjaga brand dan mencegah dari gangguan elemen lain seperti teks, gambar, dan sebagainya.
X 1x Pendidikan Karakter Berbasis Budaya Jabar
0.5x 1x
1x Area proteksi dapat diperbesar dengan tetap mempertahankan proporsi.
15
1x Pendidkan Karakter Berbasis Budaya Jabar
0.5x 1x
JABAR MASAGI
AREA PROTEKSI
Pendidikan Karakter Berbasis Budaya Jabar
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
Pendidikan Karakter Berbasis Budaya Jabar
Margin = 3x
JABAR MASAGI
06
AREA PROTEKSI
IDENTITAS VISUAL
Pendidikan Karakter Berbasis Budaya Jabar
GRAPHIC STANDARD MANUAL
Pendidikan Karakter Berbasis Budaya Jabar
Margin = 3x
17
JABAR MASAGI
UKURAN MINIMUM
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
Media Cetak Logo dengan satu warna digunakan pada background putih dengan konfigurasi yang telah ditentukan. Warna logotype mengikuti warna
15mm
Pendidikan Karakter Berbasis Budaya Jabar
15mm
15mm
15mm
Pendidikan Karakter Berbasis Budaya Jabar
15mm
Media Digital Logo dengan dua warna digunakan sebagai acuan penggunaan warna dalam aplikasi media.
45px
Pendidikan Karakter Berbasis Budaya Jabar
45px
45px
45px
JABAR MASAGI
Pendidikan Karakter Berbasis Budaya Jabar
45px
18
PENGGUNAAN YANG TIDAK DIBENARKAN
Penggunaan logo Jabar Masagi akan tetap mudah terbaca dan terlihat jelas dengan tetap mempertahankan proporsi juga aturan penggunaan logo. Berikut adalah contoh penggunaan logo yang harus dihindari :
1. 2. 3. 4. 5. 6. 7. 8.
Mengubah komposisi konfigurasi logo Memutar sebagian atau seluruh logo Mengubah skala logo secara sembarangan Menempatkan logo di atas teks Menaruh gambar di atas logo Melakukan cropping pada logo Menambahkan efek shadow pada logo Menambahkan efek transparan pada logo
9.
Menambahkan efek blur pada logo
19
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
1
2
3
4
5
6
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,
4 7
8
9
JABAR MASAGI
PENGGUNAAN YANG TIDAK DIBENARKAN
10. 11. 12. 13. 14. 15. 16. 17. 18.
Menambahkan outline pada logo Merubah logo menjadi outline Menambahkan tekstur sembarangan pada logo Merubah warna logotype dengan sembarang Menambahkan warna lain pada logo Merubah sebagian atau seluruh komposisi warna Meletakkan logo fullcolor pada background gelap Meletakkan logo pada background dengan banyak warna Meletakkan logo pada background dengan banyak tekstur
JABAR MASAGI
GRAPHIC STANDARD MANUAL
IDENTITAS VISUAL
10
11
12
13
14
15
16
17
18
20
21
GRAPHIC STANDARD MANUAL
ELEMEN GRAFIS
JABAR MASAGI
22
ELEMEN GRAFIS
V
Pola
23
Template Pola
26
Komposisi Pola
24
Halftone
27
Warna Pola
25
Penggunaan Halftone
28
POLA
ELEMEN GRAFIS
GRAPHIC STANDARD MANUAL
Elemen Geometris Elemen Grafis yang digunakan pada brand Jabar masagi mengadaptasi bentuk-bentuk geometris persegi dan lingkaran.
Modul Pola Berikut adalah beberapa Modul Dasar Pola. Modul ini dapat digunakan sebagai satu elemen, maupun digabungkan. Diperbolehkan untuk memberbesar, memperkecil skala serta merotasi Modul Pola selama masih mempertahankan proposi. Untuk aplikasi pada ilustrasi diperkenankan mengurangi bagian modul, maksimal sebanyak 1/4 bagian.
23
JABAR MASAGI
KOMPOSISI POLA
ELEMEN GRAFIS
GRAPHIC STANDARD MANUAL
Grid Desain Pola dapat disusun dengan menggunakan grid persegi dengan jumlah ganjil (1,3,9,...) serta kelipatan genap (2,4,8,...). Grid Jumlah Ganjil
Grid Jumlah Genap
Streamline = 8/8
Streamline = 2/8
Streamline Streamline merupakan susunan garis yang memberikan kesan mengalir pada Pola. Pada setiap Komposisi Pola yang menggunakan lebih dari 1 grid, harus memiliki setidaknya 2/8 bagian dari Streamline.
JABAR MASAGI
24
WARNA POLA
25
ELEMEN GRAFIS
GRAPHIC STANDARD MANUAL
JABAR MASAGI
TEMPLATE POLA
Background
GRAPHIC STANDARD MANUAL
ELEMEN GRAFIS
Border
Corner
JABAR MASAGI
26
HALFTONE
ELEMEN GRAFIS
GRAPHIC STANDARD MANUAL
Halftone adalah pola titik-titik kecil yang dapat menciptakan ilusi gambar dengan menggunakan ukuran besar kecil dot (titik) dan mampu menciptakan perbedaan antara gelap dengan terang. Elemen grafis ini hanya digunakan pada Foto & Ilustrasi yang tidak bersifat kolateral.
Halftone Renggang
Halftone Rapat
Sebagai elemen grafis pada Ilustrasi & Foto, Efek Halftone Renggang dapat digunakan pada permukaan yang ingin diberikan kesan terang maupun penekanan, sementara Efek Halftone Rapat dapat digunakan pada permukaan yang lebih gelap.
27
JABAR MASAGI
PEGGUNAAN HALFTONE Ilustrasi
JABAR MASAGI
GRAPHIC STANDARD MANUAL
ELEMEN GRAFIS
Foto
28
21
GRAPHIC STANDARD MANUAL
IMPLEMENTAS
JABAR MASAGI
22
SI BRAND IMPLEMENTASI BRAND
VI
Co- Branding
29
Stationery
30
Merchandise
51
CO-BRANDING
GRAPHIC STANDARD MANUAL
IMPLEMENTASI BRAND
Penggunaan logo yang bersandingan dengan logo lembaga dan kemitraan yang terkait dengan program Jabar Masagi harus disesuaikan dengan area proteksi logo.
Posisi, ukuran dan proporsi dari logo juga disesuaikan, tidak dibenarkan menggeser logo ke daerah clear space atau mengubah ukuran logo-logo terkait.
Pendidikan Karakter Berbasis Budaya Jabar
=x Margin = 3x
29
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
30
STATIONERY
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
www.jabarmasagi.org
Restu Septian Dwi F
Graphic Designer
Pendidkan Karakter Berbasis Budaya Jabar
+62 813 1378 2616 septiandwirestu@masagi.org
Kartu Nama Ukuran : 9 x 5,5 cm
31
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
04
STATIONERY
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Pendidkan Karakter Berbasis Budaya Jabar
Amplop C4 Ukuran : 22,8 x 30,8 cm
33
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
3434
STATIONERY
GRAPHIC STANDARD MANUAL
IMPLEMENTASI BRAND
Pendidkan Karakter Berbasis Budaya Jabar
Pendidkan Karakter Berbasis Budaya Jabar
www.jabarmasagi.org
www.jabarmasagi.org
Amplop DL Ukuran : 22 x 11 cm
35
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
36
STATIONERY
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Pendidkan Karakter Berbasis Budaya Jabar
Kop Surat A4 Ukuran : 21 x 29,7 cm
37
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
38
STATIONERY
GRAPHIC STANDARD MANUAL
IMPLEMENTASI BRAND
Pendidkan Karakter Berbasis Budaya Jabar
www.jabarmasagi.org
Folder Dokumen Ukuran : 23 x 31,9 cm
39
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
40
STATIONERY
GRAPHIC STANDARD MANUAL
IMPLEMENTASI BRAND
MODUL TRAINING Pendidikan Karakter Jawa Barat
Label CD Ukuran : 12 x 12 cm
41
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
42
STATIONERY
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Ballpoint
43
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
4440
STATIONERY
CREW
Nama Crew Nama Event Lorem Ipsum Dolor
IMPLEMENTASI BRAND
CREW
Nama Crew Nama Event Lorem Ipsum Dolor
GRAPHIC STANDARD MANUAL
CREW
Nama Crew Nama Event Lorem Ipsum Dolor
ID Card Ukuran : 5,6 x 9 cm
45
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
46
STATIONERY
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Stampel Ukuran : 4 x 4 cm
47
JABAR MASAGI
STATIONERY
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
48
MERCHANDISE
49
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
JABAR MASAGI
MERCHANDISE
JABAR MASAGI
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
50
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Pin
51
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Mug
JABAR MASAGI
52
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Sticker
53
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Tote Bag
JABAR MASAGI
54
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Tumbler
55
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
iPhone Case
JABAR MASAGI
56
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Snapback
57
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Jaket Official
JABAR MASAGI
58
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Jaket SMA
59
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Kaos Official
JABAR MASAGI
60
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Kaos SMA
61
JABAR MASAGI
MERCHANDISE
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Polo Shirt
JABAR MASAGI
62
63
GRAPHIC STANDARD MANUAL
KONFIGURASI
JABAR MASAGI
64
I LAYOUT KONFIGURASI LAYOUT
VI
Media Vertikal
65
Media Horizontal
71
MEDIA VERTIKAL
GRAPHIC STANDARD MANUAL
KONFIGURASI LAYOUT
Pendidkan Karakter Berbasis Budaya Jabar
Logo & Co-Branding
JABAR MASAGI Beli Ngana Ngalakenang Tapi Nguripinang Kang Wis Ana
Konfigurasi Layout pada Media Vertikal dibagi menjadi 3 bagian yaitu, Logo & Co-Branding, Konten serta Website & Media Sosial. Media yang menggunakan orientasi vertikal diharuskan mengikuti
65
Konten www.jabarmasagi.org
Website & Media Sosial
JABAR MASAGI
MEDIA VERTIKAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
Poster
JABAR MASAGI
66
MEDIA VERTIKAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
X-Banner
67
JABAR MASAGI
MEDIA VERTIKAL
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Billboard
JABAR MASAGI
68
MEDIA VERTIKAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
Baliho
69
JABAR MASAGI
MEDIA VERTIKAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
Umbul-umbul
JABAR MASAGI
70
MEDIA HORIZONTAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
Logo & Co-Branding
Konten Website & Media Sosial
Konfigurasi Layout pada Media Horizontal dibagi menjadi 3 bagian yaitu, Logo & Co-Branding, Konten serta Website & Media Sosial. Media yang menggunakan orientasi horizontal diharuskan mengikuti konfigurasi ini.
71
Pendidkan Karakter Berbasis Budaya Jabar
JABAR MASAGI Beli Ngana Nganakenang Tapi Nguripinang Kang Wis Ana
www.jabarmasagi.org
JABAR MASAGI
MEDIA HORIZONTAL
IMPLEMENTASI BRAND
GRAPHIC STANDARD MANUAL
Spanduk
JABAR MASAGI
72
MEDIA HORIZONTAL
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
Billboard
73
JABAR MASAGI
MEDIA HORIZONTAL
JABAR MASAGI
KONFIGURASI LAYOUT
GRAPHIC STANDARD MANUAL
74