Protect Graphic Standard Manual

Page 1

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

Qq

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




Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.