STANDAR MANUAL GRAFIS
DAFTAR ISI BAB I: KONFIGURASI LOGO BAB IV: ELEMEN GRAFIS Deskripsi Logo 01 Sistem Warna 21 Area Bersih Logo 02 Ikon Subsektor 22 Ukuran Minimum 03 Penggunaan Warna 04 Logo dengan Gambar Latar 05 Penggunaan Logo Yang Tidak Tepat 06 Logo Dengan Atribut 07 Penempatan Logo Pada Media 08 BAB II: TYPOGRAFI Jenis Penulisan 09 Jenis Tulisan Dalam Media Cetak 10 Jenis Tulisan Dalam Media Web 11 Jenis Penulisan Dalam Power Point 12 Setelan Penulisan 13 BAB III: SISTEM GRID Sistem Grid 09 Sistem Grid Horisontal 10 Sistem Grid Ekstrim Horisontal 11 Sistem Grid Vertikal 12 Sistem Grid Vertikal Memanjang 13 Sistem Grid Ekstrim Vertikal 14 Sistem Grid Partner 15
BAB I KONFIGURASI LOGO
Konfigurasi Identitas 01 DESKRIPSI LOGO Logotype dari berasal dari Font bernama Dax yang telah dimodifikasi untuk memberikan kesan cantik, berseni, penuh kreatifitas, tetapi tetap mempunyai karakter kokoh. MAKNA LOGO Penggunaan huruf kecil dimaksudkan bahwa Indonesia adalah negara yang tidak sombong tetapi menyimpan banyak kreatifitas didalamnya yang siap dan mampu bersaing dengan global. Pita yang ada disetiap ujung awal dan akhir pada logotype adalah penyederhanaan dari motif Batik Parang bila disusun berulang-ulang. Dengan posisi pita yang di akhir lebih tinggi dari pita yang di awal, yaitu kita yakin kekreatifitasan Indonesia semakin kedepan semakin lebih tinggi dan lebih maju. Warna dominan dari logo adalah warna merah yang mempunyai arti semangat yang berkobar, berani, percaya diri yang diambil dari warna bendera Indonesia yaitu merah putih. Dan warna abu-abu yaitu wakil dari warna putih yang mempunyai arti millenium, siap bersaing dengan global di era sekarang maupun kedepannya. Logotype
Konfigurasi Identitas 02 AREA BERSIH LOGO Area Bersih ditentukan untuk memastikan visibilitas logo dan ikon, yaitu dengan memberikan zona ruang kosong antara logo dan ikon dengan elemen grafis lainnya seperti tulisan, gambar, foto, maupun logo lain. Tujuannya adalah untuk memastikan bahwa logo dan ikon tidak terhalang atau tertumpuk, dan terlihat jelas terpisah dari Clear Space elemen grafis lainnya. Adapun area bersih untuk Logo Indonesia Kreatif adalah setinggi huruf f pada kata kreatif. Sedangkan area bersih untuk Ikon Indonesia Kreatif adalah selebar huruf f pada kata kreatif pada kanan dan kiri Ikon Indonesia Kreatif. Clear Space Clear Space Clear Space
Konfigurasi Identitas 03 UKURAN MINIMUM Ukuran minimum ditentukan untuk memastikan LOGO INDONESIA KREATIF bahwa logo masih cukup jelas terbaca dan mudah dikenali saat digunakan dalam ukuran yang lebih kecil. Bila menggunakan teknik cetak berkualitas lebih rendah, sebaiknya logo digunakan dalam ukuran yang lebih besar. Adapun ukuran minimum Logo Indonesia Kreatif Ukuran minimal 100px / 35mm untuk versi cetak adalah 35 mm. Sementara Skala besar: 100px sampai tak terhingga 35mm sampai tak terhingga ukuran minimum untuk versi digital adalah 100 pixel. IKON INDONESIA KREATIF Untuk penggunaan Favicon dalam website indonesia kreatif minimal ukuran icon adalah 16pixel. Sedangkan ukuran minimum Ikan Indonesia Kreatif untuk versi cetak adalah 20 mm. Sementara ukuran minimum untuk versi digital adalah 60 pixel. Favicon 16px Ukuran minimal 60px / 20mm Skala besar: 60px sampai tak terhingga 20mm sampai tak terhingga
PENGGUNAAN WARNA LOGO Ketika menempatkan logo pada gambar, warna atau pola tertentu, perlu dipastikan bahwa logo cukup kontras dengan latar belakang yang digunakan. Logo dengan warna orisinil Merah Abu-abu hanya digunakan pada latar belakang berwarna putih saja. Untuk latar belakang berwarna terang, gunakan logo dengan warna hitam. Untuk latar belakang berwarna gelap, gunakan logo dengan warna putih. Konfigurasi Identitas 04
Konfigurasi Identitas 05 LOGO DENGAN GAMBAR LATAR Logo juga dapat digunakan pada latar belakang gambar dengan kontras yang cukup. Gunakan logo hitam untuk digunakan pada latar belakang berwarna terang, dan versi putih untuk latar belakang gelap. Ketika menempatkan logo ke gambar, pastikan bahwa itu ditempatkan pada bagian yang memiliki visibilitas maksimum. Latar Terang Latar Gelap Jangan gunakan logo berwarna pada gambar latar foto
PENGGUNAAN LOGO YANG TIDAK TEPAT Untuk menjaga konsistensi dalam aplikasinya, Logo Indonesia Kreatif harus digunakan sebagaimana mestinya dan apa adanya. Logo tidak boleh digambar ulang atau diubah baik dari segi penampilan, komponen, warna, proporsi, atau properti lainnya. Hal-hal yang TIDAK BOLEH dilakukan adalah sebagai berikut: - Memberikan warna selain warna orisinil, hitam - dan putih - Membuat tulisan menjadi italic - Memiringkan logo - Menarik logo ke atas maupun ke samping - (stretching) - Memberi bayangan pada logo - Memberi efek pada logo - Melengkungkan logo - Memisahkan kata indonesia dengan kata kreatif - Memakai warna yang salah pada background - yang salah (tidak kontras) Konfigurasi Identitas 06
Konfigurasi Identitas 07 LOGO DENGAN ATRIBUT Logo Indonesia Kreatif dapat dipadukan dengan atribut berupa teks yang menggunakan font Open Sans Regular. Atribut memiliki ukuran 1/2 stem dari stem logo Indonesia Kreatif dan berjarak 1/2 stem dari logo. 1/3 stem stem 1/3 stem www.indonesiakreatif.net 1/3 stem Penempatan atribut menyesuaikan dengan penempatan logo secara keseluruhan terhadap media. Atribut hanya boleh ditempatkan rata kiri dan rata tengah terhadap logo Indonesia Kreatif. 1/3 stem stem 1/3 stem www.indonesiakreatif.net 1/3 stem
Konfigurasi Identitas 08 PENEMPATAN LOGO PADA MEDIA Penempatan logo Indonesia Kreatif dalam media, www.indonesiakreatif.net www.indonesiakreatif.net www.indonesiakreatif.net www.indonesiakreatif.net www.indonesiakreatif.net www.indonesiakreatif.net baik landscape maupun portrait harus tetap memperhatikan area bersih. Logo Indonesia Kreatif terhadap media harus tepat pada posisi: - Kiri Atas - Kiri Tengah - Kiri Bawah - Tengah Atas - Tengah Tengah - Tengah Bawah - Kanan Atas - Kanan Tengah - Kanan Bawah Penggunaan atribut logo rata kiri untuk penempatan pada bagian kiri dan kanan media. Sedangkan untuk atribut logo rata tengah untuk penempatan pada bagian tengah media. www.indonesiakreatif.net www.indonesiakreatif.net www.indonesiakreatif.net
BAB II SISTEM GRID
SISTEM GRID Grid berfungsi sebagai acuan dalam membuat layout pada media cetak ataupun media layar. Grid merupakan garis-garis untuk penempatan elemen desain seperti logo, tulisan dan gambar. Grid yang dijabarkan dapat dimodifikasi apabila terjadi ketidak cocokan pada bentuk media aplikasi sebenarnya. Sistem Grid 09
Sistem Grid 10 SISTEM GRID HORISONTAL Yang dimaksudkan dengan normal horizontal gutter margin adalah media dengan perbandingan ukuran kurang lebih 2:3. margin Contoh media: banner, baliho, poster Lebar margin: - ukuran A4 = 10mm - ukuran A3 = 20mm - ukuran A2 = 40mm - ukuran sangat besar (banner) = 100mm AREA GAMBAR Lebar margin flexible, dapat disesuaikan dengan proporsi yang diinginkan. Lebar media dibagi menjadi 12 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 8 bagian dengan jarak gutter yang sama. Area Logo Area Sponsor/Partner
Sistem Grid SISTEM GRID EKSTRIM HORISONTAL 11 gutter margin Yang dimaksudkan dengan ekstrim horizontal adalah media dengan perbandingan ukuran margin AREA GAMBAR lebih dari 1:5. Contoh media : spanduk, banner, web banner Lebar media dibagi menjadi 12 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 5 bagian Area Logo Area Sponsor/Partner dengan jarak gutter yang sama. Untuk media yang lebih memanjang lagi, maka perbandingan grid akan menjadi seperti di bawah gutter ini sehingga spanduk masih dapat terbaca. Lebar media dibagi menjadi 18 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 3 bagian dengan jarak gutter yang sama. margin margin AREA GAMBAR Area Logo, Sponsor, dan Partner
Sistem Grid 12 SISTEM GRID VERTIKAL Yang dimaksudkan dengan normal vertikal adalah gutter margin media dengan perbandingan ukuran lebih dari 2:3. margin Contoh media : poster, print ad, baliho, flyer. Lebar margin (m) : ukuran A4 = 15mm ukuran A3 = 30mm ukuran A2 = 40mm ukuran sangat besar (banner) = 100mm Lebar margin flexible, dapat disesuaikan dengan proporsi yang diinginkan. AREA GAMBAR Lebar media dibagi menjadi 5 bagian dengan jarak gutter yang proporsional. Tinggi media dibagi menjadi 13 bagian dengan jarak gutter yang sama. Area Logo Area Sponsor/Partner
SISTEM GRID VERTIKAL MEMANJANG Sistem Grid 13 gutter margin Yang dimaksudkan dengan vertikal memanjang adalah media dengan perbandingan ukuran margin sekitar 2:5. Contoh media : x-banner, banner Lebar margin (m) : ukuran x-banner = 30mm ukuran banner = 50mm Lebar media dibagi menjadi 2 bagian dengan jarak AREA GAMBAR gutter yang proporsional. Tinggi media dibagi menjadi 12 bagian dengan jarak gutter yang sama. Area Logo, Sponsor, dan Partner
SISTEM GRID EKSTRIM VERTIKAL Sistem Grid 14 margin Yang dimaksudkan dengan ekstrim vertikal adalah margin media dengan perbandingan ukuran di atas 1:5. Contoh media : spanduk vertikal memanjang (vertical banner) gutter Lebar media dibagi menjadi 1 bagian Tinggi media dibagi menjadi 20 bagian dengan jarak gutter yang sama. AREA GAMBAR Area Logo, Sponsor, dan Partner
Sistem Grid 15 SISTEM GRID PARTNER gutter Ketika grid digunakan oleh departemen partner, margin logo partner ditempatkan pada samping logo Indonesia Kreatif. margin AREA GAMBAR Area Logo Partner Area Sponsor/Partner
BAB III TYPOGRAFI
JENIS TULISAN Jenis tulisan yang dipilih adalah Open Sans yang humanis, modern, dan terlihat bersih di berbagai media. Jenis tulisan ini akan digunakan dalam segala aplikasi yang berhubungan dengan Indonesia Kreatif. Dipakai pada judul, sub-judul, paragraf dan tagline. Typografi MODERN BERSIH HUMANIS GEOMETRIS 16
JENIS TULISAN DALAM MEDIA CETAK Open Sans Bold digunakan untuk tajuk utama dan judul. Sedangkan Open Sans Regular digunakan untuk paragraf. Open Sans dapat di download di Typografi OPEN SANS BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) http://www.fontsquirrel.com/fonts/open-sans OPEN SANS REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) 17
JENIS TULISAN DALAM MEDIA WEB Open Sans Bold memiliki versi webfont sehingga dapat digunakan di semua halaman website Indonesia Kreatif. Open Sans Bold digunakan untuk tajuk utama dan Typografi OPEN SANS BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) judul. Sedangkan Open Sans Regular digunakan untuk paragraf. Code webfont Open Sans dapat didownload di www.google.com/fonts/specimen/open+sans OPEN SANS REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) 18
JENIS TULISAN DALAM POWERPOINT Apabila pada suatu waktu harus menggunakan tulisan dengan standar sistem seperti dalam presentasi atau dokumen lain, Arial Bold untuk judul dan Arial Regular untuk paragraf. Typografi ARIAL BOLD ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) ARIAL REGULAR ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 &*#@?!/+(.,:;) 19
Typografi SETELAN PENULISAN Typografi harus selalu rata kiri agar memberikan titik awal yang tetap bagi pembaca, sehingga teks mudah terbaca pada tiap barisnya. Pada judul, tinggi leading 15% dari ukuran font. Tinggi leading dapar dihitung dengan cara INDONESIA KREATIF, CONTOH JUDUL DALAM PENULISAN BOLD 10/11.5 Siang itu panas sekali. Matahari bersinar garang. Tapi hal itu tidak terlalu dirasakan oleh Kancil. Dia sedang tidur nyenyak di bawah sebatang pohon yang rindang. Tiba-tiba saja mimpi indahnya terputus. Regular 10/12.5 mengalikan ukurang font dengan 0.15. Pada paragraf, tinggi leading 25% dari ukuran font. Tinggi leading dapar dihitung dengan cara mengalikan ukurang font dengan 0.25. INDONESIA KREATIF, CONTOH JUDUL DALAM PENULISAN BOLD 15/17.25 Siang itu panas sekali. Matahari bersinar garang. Tapi hal itu tidak terlalu dirasakan oleh Kancil. Dia sedang tidur nyenyak di bawah sebatang pohon yang rindang. Tiba-tiba saja mimpi indahnya terputus. Regular 15/18.75 20
BAB IV ELEMEN GRAFIS
Elemen Grafis 21 SISTEM WARNA Warna pada Indonesia Kreatif memunculkan nilai HITAM PUTIH kreatif dan jiwa yang muda, oleh karena itu pemilihan warna pada aplikasinya menggunakan warna-warna yang cerah dan semarak. HEX #000000 HEX #333333 HEX #444444 HEX #666666 HEX #888888 HEX #AAAAAA R 0 G 0 B 0 R 51 G 51 B 51 R 68 G 68 B 68 R 102 G 102 B 102 R 136 G 136 B 136 R 170 G 170 B 170 C M Y K 100 100 100 100 C M Y K 69 62 61 52 HEX #CCCCCC HEX #EEEEEE R 204 G 204 B 204 R 238 G 238 B 238 C M Y K 17 13 13 0 C M Y K C M Y K 65 58 57 36 C M Y K 100 100 100 100 C M Y K 45 37 37 2 4 3 3 0 WARNA HEX #E92428 HEX #00C31C HEX #B90290 HEX #0283EF HEX #A35800 R 233 G 36 B 40 R 0 G 195 B 28 R 185 G 2 B 144 R 2 G 131 B 239 R 163 G 88 B 0 C M Y K 1 97 91 0 C M Y K 74 0 100 0 C M Y K 27 98 0 0 C M Y K 75 40 0 0 C M Y K 26 64 100 13 C M Y K 31 24 25 6
IKON SUBSEKTOR Ikon telah didesain untuk mengkomunikasikan konten yang berbeda dari setiap subsektor kepada audien. Setiap subsektor memiliki ikon yang berbeda sebagai pembeda antar subsektor yang merupakan sektor ekonomi kreatif dan juga memudahkan aplikasi penanda subsektor. Elemen Grafis 22