Graphic Standard Manual
Buku Graphic Standard Manual ini berisi sistem & arahan penggunaan elemen-elemen grafis sebagai representasi identitas visual untuk menjaga konsistensi identitas visual brand dalam implementasinya di berbagai media.
Credits Penanggungjawab
Dolly Isnawan
Editor
Gelar Anugerah M
Desain & Layout
Guruh R Witarsa Septiandwirestu
i
Graphic Standard Manual
i
Table of Content
Logo Typography Color Supergraphic Don’ts & Do Brand Application Packaging Graphic Standard Manual
Table of Contents
ii
Logo Concept
Logo brand merupakan interpretasi dari dua komponen benda yang menjadi representasi kata 'perlindungan', yaitu perisai serta produk brand sendiri yaitu masker (yang juga memiliki fungsi untuk melindungi hidung dan mulut) dan digabung dalam typography nama brand yaitu 'Protect’.
+ Protection
01
Graphic Standard Manual
Mask
Logo
A logo derives meaning from the quality of the thing it symbolizes -Paul Rand
Graphic Standard Manual
Logo
02
Logo Configuration
Logo brand memiliki dua konfigurasi dan digunakan untuk dua kebutuhan implementasi; untuk menampilkan hanya brand/tanpa produk, dan brand dengan produk.
Primary
Primary Logo atau Logo Primer digunakan untuk media aplikasi yang khusus untuk menampilkan informasi brand saja.
Secondary
Secondary Logo atau Logo Sekunder digunakan untuk media aplikasi yang khusus untuk menampilkan informasi produk dari brand.
03
Graphic Standard Manual
Logo
i
Clear Space
Clear space atau jarak aman adalah area yang dikosongkan untuk menjaga brand dari gangguan elemen - elemen lain seperti teks, gambar, dan sebagainya. Clear Space ditandai dengan,
=
X
Jumlah jarak aman antara logo dengan elemen visual di skeleilingnya.
Primary 1x
1x
2x
Secondary
2x
1x
1x
2x
Graphic Standard Manual
2x
Logo
04
Minimum Size
Ukuran minimum untuk logo dalam aplikasi media menentukan keterbacaannya. Menggunakannya sesuai arahan akan membantu logo agar tetap bisa dikenal dengan baik.
Primary
Ukuran minimum logo primary adalah 25mm pada media cetak & 60pixel pada media digital. Tidak dibenarkan memperkecil ukuran logo lebih dari ukuran tersebut.
05
Graphic Standard Manual
Logo
Secondary
Ukuran minimum logo primary adalah 45mm pada media cetak & 90pixel pada media digital. Tidak dibenarkan memperkecil ukuran logo lebih dari ukuran tersebut.
Graphic Standard Manual
Logo
06
Logo Color
Logo menggunakan warna gradasi toska sebagai representasi citra brand yang menyegarkan, modern, dan menenangkan. Juga dengan warna abu, putih dan hitam sebagai representasi posisi brand yang harus menyampaikan informasi secara jelas karena bergerak di sektor kesehatan.
Primary
On Color
On Grey
On White
On Black
Greyscale
07
Graphic Standard Manual
Logo
i
Secondary
On Color
On Grey
On White
On Black
Greyscale
Graphic Standard Manual
Logo
08
Typography
- Herman Zapf
Typography is two-dimensional architecture, based on experience and imagination and guided by rules and readibility. 09
Graphic Standard Manual
Typography
Neue Alte Grotesk Selain keterbacaan yang baik, Neue Alte Grotesk memiliki karakter profesional yang diharapkan dapat melekat pada citra brand.
Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
1
2
3
4
5
6
7
8
9
0
!
@
#
“
.
,
(
)
Aa
Book
Aa
Aa
Semibold
Aa
d
Aa
Aa
Bold
Heavy
i
Regular
t
h
Light
Aa Graphic Standard Manual
Aa
Black
W
Medium
Typography
10
Color Scheme
Hex #0077ac
Arahan grafis ini juga membantu memberikan keterangan detail skema warna dengan HEX yang dapat direplikasi di aplikasi olah grafis.
Hex #66
Hex #25cccc
Gradient Guides. 11
Graphic Standard Manual
Color
i
Medical Grey
White
Black
Hex #b5b4c4
Hex #ffffff
Hex #000000
100%
100%
100%
80%
80%
80%
60%
60%
60%
40%
40%
40%
20%
20%
20%
Accent Turquoise
Accent Blue
Accent Violet
Hex #25cccc
Hex #2491eb
Hex #6c56bf
100%
100%
100%
80%
80%
80%
60%
60%
60%
40%
40%
40%
20%
20%
20%
Graphic Standard Manual
Color
12
Dont’s
Penggunaan logo Protect akan tetap mudah terbaca dan terlihat jelas dengan tetap mempertahankan proporsi juga aturan penggunaan logo. Berikut adalah contoh penggunaan logo yang harus dihindari :
Tidak diperkenankan memberikan efek buram pada logo.
Tidak diperkenankan merubah dan membengkokan struktur logo.
Tidak diperkenankan mengubah struktur dengan hanya menggunakan garis pinggir.
Tidak diperkenankan memanjangkan dan memiringkan logo.
Tidak diperkenankan menggunakan konfigurasi warna yang tidak teratur.
Tidak diperkenankan memberi efek tekstur tertentu dalam logo.
Tidak diperkenankan menggunakan gradasi warna pada logo.
Tidak diperkenankan menggunakan warna lain selain warna yang telah ditentukan.
13
Graphic Standard Manual
Don’ts & Do
Do
Stay away from the dont’s, use this Brand Identity Guidelines wisely.
Stay neat, keep contrast. Graphic Standard Manual
Don’ts & Do
14
Supergraphic
Supergraphic merupakan elemen visual yang memperkuat brand untuk digunakan pada media-media aplikasi. Terdapat 2 jenis supergraphic utama yang dapat digunakan.
Protect Pattern 1
15
Graphic Standard Manual
Supergraphic
i
Protect Pattern 2
Graphic Standard Manual
Supergraphic
16
Business Card
Full Name +62 813 1378 2616 Name@protectmask.com
Position
Street Addres No.01 District, City, Postal Code Country
Size 90mm (w) x 55mm (h) Material Canova 300 gsm Extra White
17
Graphic Standard Manual
Brand Application
Graphic Standard Manual
Brand Application
18
Letterhead
Street Addres No.01 District, City, Postal Code Country
To
Subject
Date
Tatang Witarsa Karawang, Indonesia
Lorem Ipsum
13/06/2020
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 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. 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 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
Sincerely,
Guruh R Witarsa
Size 210mm (w) x 297mm (h) Material HVS 100 gsm
19
Graphic Standard Manual
Brand Application
i
Graphic Standard Manual
Brand Application
20
Envelope DL
P. +62 813 1378 2616 E. Name@protectmask.com
To: Tatang Witarsa +62 8123456789 Karawang, Indonesia
A. Street Addres No.01 District, City, Postal Code Country
Size 220mm (w) x 110mm (h) Material Arco Print 100 gsm Extra White
21
Graphic Standard Manual
Brand Application
Graphic Standard Manual
Brand Application
22
Envelope C4
P. +62 813 1378 2616 E. Name@protectmask.com
A. Street Addres No.01 District, City, Postal Code Country
To: Tatang Witarsa +62 8123456789 Karawang, Indonesia
Size 229mm (w) x 324mm (h) Material Arco Print 100 gsm Extra White
23
Graphic Standard Manual
Brand Application
i
Graphic Standard Manual
Brand Application
24
Map Folder
name@protectmask.com Street Addres No.01 District, City, Postal Code Country
Size 230mm (w) x 310mm (h) Material Art Karton 230 gsm Finishing Laminasi Doff Dingin
25
Graphic Standard Manual
Brand Application
Graphic Standard Manual
Brand Application
26
Stamp
Size 50mm (w) x 25mm (h) Material Rubber Stamp
27
Graphic Standard Manual
01
Brand Application
i
P M
A T S
STAMP
STAMP STAMP
Graphic Standard Manual
P M A ST STA M
P
STAMP
Brand Application
28
Instagram Post
Instagram Feeds (Square)
Supaya Tetap Rapi
(Neue Alte Grotesk Light 40pt)
Gunakan Instagram Post Guidelines
(Neue Alte Grotesk Bold 80pt)
Tidak ada ukuran font maksimal. Ukuran font minimal adalah 20pt. Ukuran font yang ideal untuk bodycopy adalah 24-30 pt.
Posisi default Logo pada (single post) adalah di bagian atas. Bisa di kiri, tengah atau kanan. Warna logo harus kontras dengan background.
(Neue Alte Grotesk Medium 30pt)
Garis biru adalah margin, sebaiknya tidak menempatkan teks di luar area. Square 1080 x 1080 px
Instagram Feeds (Carousel)
Supaya Tetap Rapi
Gunakan Instagram Post Guidelines Untuk Post berupa Carousel, atau konten yang cukup padat bisa menggunakan format portrait (1080 x 1350px).
Pada Post Carousel hanya gunakan logo di atas kiri atau tengah.
Swipe Left
Garis biru putus-putus adalah batas area postingan yang tampil sebagai thumbnail. Sebaiknya tidak menempatkan teks dan konten utama di luar area.
Portrait: 1080 x 1350 px
29
Graphic Standard Manual
Brand Application
Instagram Story
Supaya Tetap Rapi
Gunakan Instagram Post Mandatory Untuk Post berupa Story, logo bisa ditempatkan di mana saja selama masih berada di bagian dalam area aman.
Garis biru adalah margin, sebaiknya tidak menempatkan teks di luar area.
Story: 1080 x 1920 px
Penggunaan grafis di identitas visual juga menentukan konsistensi brand. Menggunakannya sesuai arahan membantu brand agar bisa dikenali dengan baik.
Graphic Standard Manual
Brand Application
30
Instagram Template
Template grafis untuk instagram dapat digunakan untuk konten promosi produk ataupun brand, konten harian, maupun konten lainnya yang tetap mempertahankan konsistensi grafis dari brand.
Instagram Template 1
WEAR MASK, STAY SAFE
Foto
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
Overlay
WEAR MASK, STAY SAFE
WEAR MASK, STAY SAFE Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
Headline Bodycopy Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet
WEAR MASK, STAY SAFE
WEAR MASK, STAY SAFE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
WEAR MASK, STAY SAFE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
WEAR MASK, STAY SAFE
WEAR MASK, STAY SAFE
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
Instagram Template 2
Foto Pattern
Not All Heroes Wear Capes
Not All Heroes Wear Capes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
Not All Heroes Wear Capes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh
Block Headline Bodycopy
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
Not All Heroes Wear Capes
Not All Heroes Wear Capes
Not All Heroes Wear Capes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
Not All Heroes Wear Capes
Not All Heroes Wear Capes
31
Not All Heroes Wear Capes
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
Graphic Standard Manual
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod
Brand Application
i
Graphic Standard Manual
Brand Application
32
13 cm
33 KEMENKES RI AKD xxx xxx xxx xxx
11 cm
Graphic Standard Manual
Dimension 20 cm (l) x 11 cm (w) x 13 cm (h)
Material Lorem Ipsum
Print Area 50 cm (w) x 54.5 cm (h)
Packaging Kode Produksi E.06.20
Diproduksi oleh PT. Historia Saga Indonesia Di Bandung - Jawa Barat
Melakukan kebersihan tangan setiap melepaskan masker.
Best Before: 06.23
Untuk membuka masker, lepaskan tali dari belakang dan jangan menyentuh bagian depan masker.
Jika basah atau lembab, segera ganti masker ini, karena masker ini hanya digunakan untuk 1 kali pakai.
6.5 cm
13 cm
Pasang masker untuk menutupi hidung dan mulut juga harus dipastikan tidak ada sela antara wajah dan masker.
11 cm
2 cm
Mencuci tangan terlebih dahulu dengan sabun dan air mengalir atau bisa juga menggunakan pembersih tangan yang mengandung alkohol.
Petunjuk Penggunaan:
13 cm
54.5 cm
Daily Mask Earloop 50 cm
20 cm 13 cm 2 cm
Graphic Standard Manual
Packaging
34
13 cm
35 KEMENKES RI AKD xxx xxx xxx xxx
11 cm
Graphic Standard Manual
Dimension 20 cm (l) x 11 cm (w) x 13 cm (h)
Material Lorem Ipsum
Print Area 50 cm (w) x 54.5 cm (h)
Packaging Kode Produksi H.06.20
Diproduksi oleh PT. Historia Saga Indonesia Di Bandung - Jawa Barat
Melakukan kebersihan tangan setiap melepaskan masker.
Best Before: 06.23
Untuk membuka masker, lepaskan tali dari belakang dan jangan menyentuh bagian depan masker.
Jika basah atau lembab, segera ganti masker ini, karena masker ini hanya digunakan untuk 1 kali pakai.
6.5 cm
13 cm
Pasang masker untuk menutupi hidung dan mulut juga harus dipastikan tidak ada sela antara wajah dan masker.
11 cm
2 cm
Mencuci tangan terlebih dahulu dengan sabun dan air mengalir atau bisa juga menggunakan pembersih tangan yang mengandung alkohol.
Petunjuk Penggunaan:
13 cm
54.5 cm
Daily Mask Headloop 50 cm
20 cm 13 cm 2 cm
Graphic Standard Manual
Packaging
36
13 cm
37 KEMENKES RI AKD xxx xxx xxx xxx
11 cm
Graphic Standard Manual
Dimension 20 cm (l) x 11 cm (w) x 13 cm (h)
Material Lorem Ipsum
Print Area 50 cm (w) x 54.5 cm (h)
Packaging Kode Produksi E.06.20
Diproduksi oleh PT. Historia Saga Indonesia Di Bandung - Jawa Barat
Melakukan kebersihan tangan setiap melepaskan masker.
Best Before: 06.23
Untuk membuka masker, lepaskan tali dari belakang dan jangan menyentuh bagian depan masker.
Jika basah atau lembab, segera ganti masker ini, karena masker ini hanya digunakan untuk 1 kali pakai.
6.5 cm
13 cm
Pasang masker untuk menutupi hidung dan mulut juga harus dipastikan tidak ada sela antara wajah dan masker.
11 cm
2 cm
Mencuci tangan terlebih dahulu dengan sabun dan air mengalir atau bisa juga menggunakan pembersih tangan yang mengandung alkohol.
Petunjuk Penggunaan:
13 cm
54.5 cm
Surgical Mask Earloop 50 cm
20 cm 13 cm 2 cm
Graphic Standard Manual
Packaging
38
13 cm
39 KEMENKES RI AKD xxx xxx xxx xxx
11 cm
Graphic Standard Manual
Dimension 20 cm (l) x 11 cm (w) x 13 cm (h)
Material Lorem Ipsum
Print Area 50 cm (w) x 54.5 cm (h)
Packaging Kode Produksi E.06.20
Diproduksi oleh PT. Historia Saga Indonesia Di Bandung - Jawa Barat
Melakukan kebersihan tangan setiap melepaskan masker.
Best Before: 06.23
Untuk membuka masker, lepaskan tali dari belakang dan jangan menyentuh bagian depan masker.
Jika basah atau lembab, segera ganti masker ini, karena masker ini hanya digunakan untuk 1 kali pakai.
6.5 cm
13 cm
Pasang masker untuk menutupi hidung dan mulut juga harus dipastikan tidak ada sela antara wajah dan masker.
11 cm
2 cm
Mencuci tangan terlebih dahulu dengan sabun dan air mengalir atau bisa juga menggunakan pembersih tangan yang mengandung alkohol.
Petunjuk Penggunaan:
13 cm
54.5 cm
Surgical Mask Headloop 50 cm
20 cm 13 cm 2 cm
Graphic Standard Manual
Packaging
40
41
Graphic Standard Manual
Packaging
Graphic Standard Manual
Packaging
42
Designed by
Š 2020
Book Size
250 x 350 mm
Material
Book Paper Super White
Binding
Ring Binding