IDENTITAS MEREK

Jl. Pahlawan RT 02 RW 05 , Kampung TengahCileungsi – Bogor 16820No. Telp: 021-22950067, HP: 081291111756Email: tahfizhsyathiby@gmail.comwww.syathiby.com

MA’HAD TAHFIZH AL-QURANAL-IMAM ASY-SYATHIBY

B O G O R - I N D O N E S I A

DAFTAR ISIPANDUAN LOGO A. LOGO INDONESIA 1.1. Logo Lengkap Horizontal 1.2. Logo Lengkap Vertikal 2.1. Logo Primer (Horizontal) 2.2. Logo Primer Negatif 3.1. Logo Primer Transparan 4.1. Logo Sekunder (Vertikal) 4.2. Logo Sekunder Negatif 5.1. Logo Sekunder Transparan B. LOGO ARAB 1.1. Logo Arab Primer 1.2. Logo Arab Negatif 1.3. Logo Arab Transparan PANDUAN WARNA

TIPOGRAFI

PANDUAN KOP SURAT

PANDUAN BANNER A. BANNER HORIZONTAL/SPANDUK B. BANNER VERTIKAL/BALIHO

PANDUAN POSTER

PANDUAN BROSUR

PANDUAN WEBSITE

1111223445

6667

8

9

10

111112

13

14

15

PANDUAN LOGO

Logo terbagi dua, logo Indonesia dan logo Arab. Logo Indonesia dipakai di media komunikasi yang menggunakan bahasa Indonesia, logo arab dipakai di media komuni-kasi yang menggunakan bahasa Arab. Untuk logo Indonesia ditambahkan tulisan “Ma’had Tahfizh Al-Quran Al-Imam Asy-Syathiby” (versi lengkapnya) dan “Ma’had Syathiby” (versi pendeknya) supaya mudah dibaca masyarakat Indonesia secara umum. Adapun versi lengkap dipakai dimana dibutuhkan formalitas, seperti di kop surat, amplop, dan stempel, sementara versi singkatnya untuk pemakaian selain itu.

Harus ada jarak antara logo dengan obyek di sekitarnya untuk menjaga estetika.

A. LOGO INDONESIA

1.1. Logo Lengkap Horizontal

1.2. Logo Lengkap Vertikal

MA’HAD TAHFIZH AL-QURANAL-IMAM ASY-SYATHIBY

B O G O R - I N D O N E S I A

MA’HAD TAHFIZH AL-QURANAL-IMAM ASY-SYATHIBY

1

PANDUAN LOGO

Merupakan logo utama yang dipakai secara umum jika tidak ada keadaan khusus. Penempatan pada latar belakang putih atau polos.

Merupakan logo yang dipakai untuk keadaan khusus yang memerlukan warna mono-tone, seperti di media paper bag atau di kaos, atau lainnya yang warna utamanya adalah hijau tua atau hitam.

Logo horizontal negatif digunakan hanya pada latar belakang hijau tua syathiby. Untuk penggunaan di latar belakang variatif menggunakan logo horizontal putih.

2.1. Logo Primer (Horizontal)

2.2. Logo Primer Negatif

Contoh Penggunaan Yang Salah

MA’HADSYATHIBY

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

2

Merupakan logo yang dipakai untuk latar belakang yang berwarna warni yang kon-tras. Bisa ditambahkan shadow jika diperlukan.

3.1. Logo Primer Transparan

Contoh Penggunaan Yang Salah

PANDUAN LOGO

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

3

Merupakan logo vertikal dipakai sebagai alternatif untuk keadaan tertentu yang memerlukan kesesuaian penempatan.

4.1. Logo Sekunder (Vertikal)

Logo ini dipakai untuk keadaan khusus yang memerlukan warna monotone, seperti di media paper bag atau di kaos, atau lainnya yang warna utamanya adalah hijau tua.

4.2. Logo Sekunder Negatif

Contoh Penggunaan

PANDUAN LOGO

MA’HAD SYATHIBY

In nec ipsum rutrum, tristique risus nec, tempor lectus. Suspendisse eget ex vestibulum, lacinia elit a, consequat nisl. Fusce tempor fermentum orci, varius mollis nisl lacinia nec.

RUANG GURU

MA’HAD SYATHIBY

4

Merupakan logo yang dipakai untuk latar belakang yang berwarna warni yang kon-tras. Bisa ditambahkan shadow jika diperlukan.

5.1. Logo Sekunder Transparan

PANDUAN LOGO

MA’HAD SYATHIBY

MA’HAD SYATHIBY

5

PANDUAN LOGO

Logo Arab dipakai di media komunikasi yang menggunakan bahasa Arab.B. LOGO ARAB

Merupakan logo utama di media yang berbahasa arab yang dipakai secara umum jika tidak ada keadaan khusus. Penempatan pada latar belakang putih atau polos.

Merupakan logo yang dipakai untuk keadaan khusus yang memerlukan warna mono-tone, seperti di media paper bag atau di kaos, atau lainnya yang warna utamanya adalah hijau tua.

Logo horizontal negatif digunakan hanya pada latar belakang hijau tua syathiby. Untuk penggunaan di latar belakang variatif menggunakan logo horizontal putih.

1.1. Logo Arab Primer

1.2. Logo Arab Negatif

B O G O R - I N D O N E S I A

B O G O R - I N D O N E S I A B O G O R - I N D O N E S I A

6

Merupakan logo yang dipakai untuk latar belakang yang berwarna warni yang kon-tras. Bisa ditambahkan shadow jika diperlukan.

1.3. Logo Arab Transparan

Contoh Penggunaan Yang Salah

Contoh Penggunaan Yang Salah

PANDUAN LOGO

B O G O R - I N D O N E S I A B O G O R - I N D O N E S I A

B O G O R - I N D O N E S I A B O G O R - I N D O N E S I A

B O G O R - I N D O N E S I A

7

PANDUAN WARNA

HEX: #0F5535R: 15 G: 85 B: 53C: 88 M: 40 Y: 87 K: 40

HEX: #0F5535R: 15 G: 85 B: 53C: 88 M: 40 Y: 87 K: 40

Warna Utama

Warna Sekunder

HEX: #0F5535R: 15 G: 85 B: 53C: 88 M: 40 Y: 87 K: 40

HEX: #108C47R: 16 G: 140 B: 71C: 86 M: 20 Y: 98 K: 6

Gradasi

HEX: #809C3CR: 128 G: 156 B: 60C: 55 M: 23 Y: 100 K: 4

Warna Header Text

Warna Body TextHEX: #6D6E71R: 109 G: 110 B: 113C: 0 M: 0 Y: 0 K: 80

• Warna utama adalah hijau dan putih dan inilah warna tema keseluruhan materi cetak offline maupun online.

• Secara umum warna putih adalah warna latar belakang, warna hijau (warna utama) sebagai warna kedua tetapi dapat dibalik jika diperlukan. Untuk warna sekunder dapat digunakan sebagai aksen.

• Warna gradasi dapat digunakan sebagai pengganti warna hijau secara proporsional.

8

TIPOGRAFI

OSWALD BOLD 30ptH1 HEADER

ROBOTO CONDENSED 26ptH2 HEADER

ROBOTO CONDENSED 22ptH3 HEADER

ROBOTO CONDENSED 18ptH4 HEADER

ROBOTO CONDENSED 14ptH5 HEADER

ROBOTO CONDENSED 12ptH6 HEADER

DOWNLOAD FONT

ROBOTO 13 pt. At vero eos et accusamus et iusto odio dignissimos ducimus qui blan-ditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga.

Tipografi menampilkan impresi: jelas, bersahabat, lugas, bentuk yang geometris mencerminkan keteraturan/sistematis dengan tetap adanya lekuk yang cukup sehing-ga tidak bersifat kaku.

https://fonts.google.com/specimen/Roboto+Condensed

https://fonts.google.com/specimen/Roboto

https://fonts.google.com/specimen/Oswald

Body Text

9

PANDUAN KOP SURATKop surat memakai kertas A4, kecuali diperlukan kebutuhan khusus untuk ukuran lain, semisal folio.

5,5 cm

1,5 cm 1,5 cm

1,5 cm

Kepada Yth.Fulan bin Fulandi Jakarta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis auctor mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus ullamcorper libero ut libero lobortis, ac faucibus leo molestie. Fusce vel iaculis tellus. Mauris eget lorem vel arcu vestibulum imperdiet at a mauris. Vestibulum accumsan efficitur tincidunt. Aliquam porta finibus tincidunt. Integer vehicula sapien eu nulla aliquet, vitae pulvinar sem vestibulum. Vivamus efficitur nulla sit amet felis tempus rhoncus. Suspendisse sed sodales dui. Praesent quis nisl sed dolor lobortis mattis aliquet sit amet leo. Aliquam at commodo magna.

Vestibulum quis consectetur nunc. Duis eget nisi in nunc cursus vestibulum. Morbi condimentum est eget dui tincidunt aliquam nec in orci. Nullam ultricies molestie leo eu ultrices. Donec posuere lectus nec nisi maximus maximus. Phasellus id quam nunc. Praesent accumsan posuere dignissim.

Aenean eget lobortis eros. Sed nec elit consectetur, auctor purus quis, molestie ex. Proin tempus id dui quis gravida. Nulla pulvinar dui in mauris luctus, vel bibendum justo congue. Duis aliquet leo finibus odio condimentum ullamcorper. Morbi sit amet tincidunt neque. Donec dignissim risus id justo gravida suscipit. Aliquam sit amet aliquet ligula, semper rhoncus mi. Maecenas mattis dictum pharetra. Maecenas at metus dui. Etiam at scelerisque velit.

Alamat: Jl. Pahlawan RT 02 RW 05 , Kampung Tengah, Cileungsi – Bogor 16820No. Telp: 021-22950067, HP: 081291111756, Email: tahfizhsyathiby@gmail.com, www.syathiby.com

MA’HAD TAHFIZH AL-QURAN AL-IMAM ASY-SYATHIBYYAYASAN CAHAYA SUNNAH

معهد اإلمام الشاطبي لتحفيظ القرآن الكريم

YAYA

SAN CAHAYA SUNNAH

CILEUNGSI BOGOR

10

Kepada Yth.Fulan bin Fulandi Jakarta

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis auctor mi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus ullamcorper libero ut libero lobortis, ac faucibus leo molestie. Fusce vel iaculis tellus. Mauris eget lorem vel arcu vestibulum imperdiet at a mauris. Vestibulum accumsan efficitur tincidunt. Aliquam porta finibus tincidunt. Integer vehicula sapien eu nulla aliquet, vitae pulvinar sem vestibulum. Vivamus efficitur nulla sit amet felis tempus rhoncus. Suspendisse sed sodales dui. Praesent quis nisl sed dolor lobortis mattis aliquet sit amet leo. Aliquam at commodo magna.

Vestibulum quis consectetur nunc. Duis eget nisi in nunc cursus vestibulum. Morbi condimentum est eget dui tincidunt aliquam nec in orci. Nullam ultricies molestie leo eu ultrices. Donec posuere lectus nec nisi maximus maximus. Phasellus id quam nunc. Prae-sent accumsan posuere dignissim.

Aenean eget lobortis eros. Sed nec elit consectetur, auctor purus quis, molestie ex. Proin tempus id dui quis gravida. Nulla pulvinar dui in mauris luctus, vel bibendum justo congue. Duis aliquet leo finibus odio condimentum ullamcorper. Morbi sit amet tincidunt neque. Donec dignissim risus id justo gravida suscipit. Aliquam sit amet aliquet ligula, semper rhoncus mi. Maecenas mattis dictum pharetra. Maecenas at metus dui. Etiam at scelerisque velit.

Alamat: Jl. Pahlawan RT 02 RW 05 , Kampung Tengah, Cileungsi – Bogor 16820No. Telp: 021-22950067, HP: 081291111756, Email: tahfizhsyathiby@gmail.com, www.syathiby.com

MA’HAD TAHFIZH AL-QURAN AL-IMAM ASY-SYATHIBYYAYASAN CAHAYA SUNNAH

معهد اإلمام الشاطبي لتحفيظ القرآن الكريم

YAYA

SAN CAHAYA SUNNAH

CILEUNGSI BOGOR

Banner ini menggunakan logo vertikal di sebelah kiri dengan ketentuan:• Tidak boleh menggunakan logo negatif. • Penggunaan logo sebagaimana dalam panduan logo. • Diutamakan latar belakang berwarna putih atau hijau. • Adapun latar belakang berupa foto dapat digunakan untuk hal tertentu saja semisal banner berisi nasihat, banner teruntuk anak-anak, atau semisalnya dan dipastikan cukup kontras sehingga tidak bertabrakan dengan teks banner.

A. BANNER HORIZONTAL/SPANDUK

PANDUAN BANNER

JUDUL BANNERAt vero eos et accusamus et iusto odio dignis simos ducimus qui blanditiis

MA’HAD SYATHIBY

JUDUL BANNERAt vero eos et accusamus et iusto odio dignis

simos ducimus qui blanditiisMA’HAD SYATHIBY

JUDUL BANNERAt vero eos et accusamus et iusto odio dignis

simos ducimus qui blanditiisMA’HAD SYATHIBY

JUDUL BANNERAt vero eos et accusamus et iusto odio dignis simos ducimus qui blanditiis

MA’HAD SYATHIBY

11

Banner ini menggunakan logo primer horizontal di sebelah kiri atas dengan ketentuan:• Tidak boleh memakai logo negatif.• Minimum tinggi logo adalah 15% dari tinggi banner.• Pemakaian latar belakang bebas dengan tetap memperhatikan visibilitas teks.• Latar belakang logo diharuskan putih sehingga jelas terlihat.

B. BANNER VERTIKAL/BALIHO

PANDUAN BANNER

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

12

Poster bisa menggunakan logo horizontal maupun vertikal dengan ketentuan:• Poster vertikal dengan logo horizontal minimal tinggi logo 12.5% dari tinggi bidang

dengan penempatan di sebelah kiri atas. • Poster horizontal dengan logo horizontal minimal tinggi logo 20% dari tinggi bidang

dengan penempatan di sebelah kiri atas.• Poster vertikal dengan logo vertikal minimal tinggi logo 20% dari tinggi bidang dengan

penempatan di sebelah kiri atas. • Poster horizontal dengan logo vertikal minimal tinggi logo 25% dari tinggi bidang

dengan penempatan di sebelah kiri atas.• Penggunaan logo disesuaikan dengan panduan logo.

PANDUAN POSTER

12.5%MA’HADSYATHIBY

B O G O R - I N D O N E S I A

20%MA’HADSYATHIBY

B O G O R - I N D O N E S I A

20%

MA’HAD SYATHIBY

25%

MA’HAD SYATHIBY

13

• Penggunaan logo dalam brosur menggunakan logo utama.• Tidak boleh menggunakan logo negatif dalam brosur. • Latar belakang bisa memakai dominan putih ataupun hijau. • Penggunaan tipografi mengikuti panduan tipografi.• Tidak boleh memakai foto makhluk bernyawa kecuali jika dibuat blur wajahnya.• Harus mencantumkan minimal alamat jelas, nomor telepon, alamat email dan

alamat website.

PANDUAN BROSUR

Ilustrasi

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim nulla eget lacus hendrerit eleifend. Pellentesque sodales tortor ac metus fringilla, sit amet elementum sapien tincidunt. Pellentesque sit amet tellus orci. Phasellus tincidunt ornare tortor aliquam tristique. Aliquam porttitor congue turpis porttitor consequat. Fusce gravida eget erat a ultricies. Sed nec lectus sed urna convallis dapibus vestibulum at lacus. Integer nec quam tellus. Nam semper felis consectetur ligula lacinia, sed suscipit neque tincidunt. Sed et eros quis lacus lobortis maximus. Aenean tincidunt viverra urna quis vehicula. Donec magna metus, rhoncus nec placerat et, aliquam vitae urna.

Sed et eros quis lacus lobortis maximus. Aenean tincidunt viverra urna quis vehicula. Donec magna metus, rhoncus nec placerat et, aliquam vitae urna.

Aliquam commodo felis dictum ipsum fermentum, non condimentum tortor elementum. Sed a augue euismod, faucibus nisl nec, fringilla est. Quisque malesuada et mauris at accumsan. Phasellus commodo ultricies laoreet. Ut volutpat libero id lacinia blandit. Fusce semper facilisis nisl ac rhoncus. Vestibu-lum nec ex finibus, malesuada elit nec, tempor turpis. Sed vel facilisis nibh. Aenean sagittis risus tellus, quis pulvinar tellus consectetur in. Interdum et malesuada fames ac ante ipsum primis in

SUB JUDUL B SUB JUDUL C

Lorem IpsumDolor Sit Amet

Ma’had Tahfizh Imam SyathibyJl. Pahlawan RT 02 RW 05, Kampung TengahCileungsi – Bogor 16820No. Telp: 021-22950067Email: info@syathiby.comwww.syathiby.com

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

14

• Logo harus menggunakan logo horizontal utama dan tidak boleh logo negatif.• Layout: Website harus sudah support responsive (mengikuti ukuran perangkat kom-

puter/handphone) sehingga mudah dibaca via mobile.• Warna: Website menggunakan tema warna sebagaimana di panduan warna.• Tipografi: Penggunaannya diatur dalam panduan tipografi.• Header: Posisi header berada di atas di bawahnya bisa diisi dengan slideshow atau

gambar judul.• Blok: Penempatan blok-blok tulisan bisa dibuat dengan warna yang silih berganti

antara hijau dan putih atau juga abu-abu (warna teks). Fungsinya sebagai selain pembeda pembahasan juga sebagai pemanis visual.

PANDUAN WEBSITE

Beranda Profil Program Akhbar Penerimaan Santri Dukungan Anda Artikel

Ma’had tahfiz Al-Quran Imam Syathiby adalah lembaga yang berupaya mencetak generasi penghafal Al-Quran yang bermanhaj Ahlus Sunnah Wal-Jama’ah. Didirikan pada 3 September 2013 di masjid Al-Barkah Komplek Radio Rodja 756am dibawah naungan Yayasan Cahaya Sunnah yang beralamat di Jl.Pahlawan Kp. Tengah Komplek TV/Radio Rodja Cileungsi – Bogor.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim nulla eget lacus hendrerit eleifend.

SELAYANG PANDANG

INFORMASI SYATHIBY

HASIL TES SELEKSI PENERIMAAN SANTRI BARULorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla dignissim nulla eget lacus hendrerit eleifend.

WAKAF PEMBEBASAN LAHAN ASRAMA IKHWAN

Profil Ma’had Tahfizh Imam Syathiby

MA’HADSYATHIBY

B O G O R - I N D O N E S I A

15