Brand Kit

Brand Kit ini disusun untuk memberikan panduan lengkap dalam penggunaan identitas visual kami. Panduan ini bertujuan untuk memastikan konsistensi dan profesionalisme dalam semua materi komunikasi visual yang kami gunakan.

1. Logo

1.1 Logo Utama

Logo IKAMaT dirancang untuk menggambarkan hubungan erat antara manusia dan alam, dengan simbol mangrove yang sederhana namun kuat. Logo ini mencerminkan esensi pelestarian alam dan pengelolaan ekosistem mangrove yang menjadi fokus utama kami.

Brand Kit

1.2 Penggunaan Logo

  • Logo harus diletakkan pada latar belakang yang bersih dan tidak dipadukan dengan elemen desain lainnya yang dapat mengganggu keterbacaan.
  • Pastikan ruang kosong di sekitar logo cukup luas agar logo terlihat jelas dan tidak terdistorsi.

1.3 Filosofi Arti Logo

Logo kami menggabungkan dua elemen penting dalam menjaga dan melestarikan alam: keberlanjutan dan kekuatan ekosistem.

1.3.1 Coklat Kemerahan (#985A2B):

Coklat melambangkan tanah yang merupakan elemen dasar dari ekosistem hutan mangrove. Warna ini mencerminkan kekuatan ekosistem, menunjukkan akar yang kokoh dan kedalaman, serta kemampuan tanah untuk mendukung kehidupan berbagai spesies. Coklat juga mengingatkan pada kedekatan dengan alam, menghubungkan yayasan dengan keberadaan alam yang menjadi inti misi mereka untuk melestarikan dan menjaga kelangsungan hutan mangrove.

1.3.2 Gold (#FFD700):

Emas melambangkan kebersihan dan kesederhanaan yang diperlukan dalam menjaga keseimbangan alam. Warna emas juga menjadi simbol dari keberlanjutan, menunjukkan bahwa upaya pelestarian ini bukan hanya untuk saat ini, tetapi untuk masa depan yang lebih baik. Emas memberikan sentuhan optimisme dan harapan bahwa dengan kesederhanaan dan komitmen yang kuat, dunia bisa lebih hijau dan lestari.

2. Warna Brand

Warna-warna yang digunakan dalam identitas visual kami mencerminkan alam, keharmonisan, dan profesionalisme. Berikut adalah palet warna utama dan sekunder untuk digunakan:

2.1 Palet Warna Utama

  • Coklat Kemerahan (#985A2B): Simbol kekuatan alam dan ekosistem.

2.2 Palet Warna Sekunder

  • Emas (#FFD700): Netral, profesional, dan modern.

2.3 Cara Penggunaan Warna

  • Coklat Kemerahan digunakan sebagai warna dominan pada elemen besar seperti header atau latar belakang utama.
  • Emas digunakan untuk teks dan elemen pendukung guna menciptakan kontras yang baik.

1. Warna Dominan:

  • #985A2B (Coklat Kemerahan): Sebagai warna utama yang memberikan kesan alami, kedalaman, dan stabilitas.

2. Warna Aksen:

  • #FFD700 (Emas): Warna aksen yang memberi sentuhan kilau dan kemewahan, menciptakan kontras yang lembut dan optimisme.

2.4 Kombinasi Warna Tambahan untuk Melengkapi Palet:

2.4.1 Warna Pelengkap:

  • #4B2E1D (Coklat Tua): Sebagai warna pelengkap yang lebih gelap dari coklat kemerahan. Warna ini bisa digunakan untuk elemen latar belakang atau teks yang membutuhkan kedalaman lebih. Memberikan kesan stabil dan mendalam, sangat cocok untuk menyeimbangkan warna terang seperti emas.

2.4.2. Warna Netral:

  • #F0E5C9 (Krem Terang): Sebagai warna netral, krem terang ini menciptakan keseimbangan antara warna coklat dan emas. Warna ini dapat digunakan sebagai latar belakang atau elemen kecil untuk memberikan ruang visual dan menambah kesan kehangatan.

2.4.3 Warna Penerangan (Highlight):

  • #B38B4D (Emas Kuning): Sebuah varian lebih gelap dari warna emas, cocok untuk memberikan aksen pada teks atau ikon. Warna ini masih dalam keluarga emas, tetapi dengan kedalaman yang lebih jelas, memberikan efek dimensi lebih pada desain.

2.4.4 Warna Pendukung:

  • #D9B27E (Kuning Gading): Sebagai warna pendukung untuk menambah kilau dan kesan lembut pada elemen grafis. Warna ini cocok untuk garis halus, bayangan, atau elemen dekoratif dalam desain.

2.5. Palet Warna Lengkap:

  1. #985A2B – Coklat Kemerahan (Warna Utama)
  2. #FFD700 – Emas (Warna Aksen)
  3. #4B2E1D – Coklat Tua (Warna Pelengkap)
  4. #F0E5C9 – Krem Terang (Warna Netral)
  5. #B38B4D – Emas Kuning (Warna Penerangan)
  6. #D9B27E – Kuning Gading (Warna Pendukung)

2.6 Cara Penggunaan Palet:

  • #985A2B (Coklat Kemerahan) dapat digunakan sebagai warna dominan untuk elemen besar seperti latar belakang atau header.
  • #FFD700 (Emas) cocok untuk teks utama, tombol CTA, atau ikon yang membutuhkan perhatian lebih.
  • #4B2E1D (Coklat Tua) bisa digunakan untuk teks, elemen desain kecil, atau latar belakang gelap untuk memberi kedalaman.
  • #F0E5C9 (Krem Terang) dapat digunakan untuk memberikan ruang atau latar belakang yang lembut dan menenangkan.
  • #B38B4D (Emas Kuning) dapat digunakan untuk aksen atau highlight pada elemen desain yang lebih kecil.
  • #D9B27E (Kuning Gading) cocok untuk elemen dekoratif atau garis pemisah untuk memberi kesan lebih halus.

3. Tipografi

Untuk memastikan desain yang konsisten dan mudah dibaca, kami menggunakan kombinasi font Times New Roman, Arial, dan Roboto.

3.1 Times New Roman (Serif)

  • Penggunaan: Judul utama atau elemen desain yang membutuhkan kesan formal dan tradisional.
  • Style: Regular, Bold, Italic.
  • Ukuran: 32px untuk judul, 18px untuk subjudul.

3.2 Arial (Sans-serif)

  • Penggunaan: Teks tubuh, teks yang membutuhkan keterbacaan tinggi di web dan cetakan.
  • Style: Regular, Bold.
  • Ukuran: 14px untuk teks tubuh, 16px untuk subjudul.

3.3 Roboto (Sans-serif)

  • Penggunaan: Teks tubuh yang lebih modern, subjudul, dan elemen digital yang membutuhkan font bersih dan mudah dibaca.
  • Style: Regular, Bold, Italic.
  • Ukuran: 16px untuk teks tubuh, 18px untuk subjudul, 24px untuk heading.

3.4 Hierarki Tipografi

  • Heading 1 (Judul Utama): Times New Roman, Bold, 32px.
  • Heading 2 (Subjudul): Roboto, Bold, 24px.
  • Body Text (Teks Isi): Arial, Regular, 14px.
  • Caption & Footer Text: Arial, Regular, 12px.

4. Gaya Visual

4.1 Fotografi

Gambar yang digunakan untuk materi komunikasi harus mencerminkan tema alam dan konservasi. Pilih foto yang menampilkan mangrove, kehidupan pesisir, dan aktivitas pelestarian. Pastikan gambar terlihat natural, cerah, dan memberikan nuansa kedamaian serta urgensi untuk pelestarian alam.

4.2 Ilustrasi

Ilustrasi dapat digunakan untuk menggambarkan konsep-konsep ekologis atau sebagai elemen pendukung infografis. Gunakan ilustrasi dengan gaya minimalis dan palet warna yang harmonis dengan brand kit ini.

5. Voice & Tone

5.1 Voice

Voice IKAMaT harus tetap edukatif, inspiratif, dan profesional. Kami ingin membangun rasa tanggung jawab terhadap pelestarian alam melalui narasi yang kuat namun tetap mudah dipahami oleh berbagai audiens.

5.2 Tone

  • Informatif & Inspiratif: Memberikan wawasan tentang ekosistem mangrove dan pentingnya pelestariannya.
  • Ajak Berkolaborasi: Mengundang masyarakat dan mitra untuk berpartisipasi dalam program pelestarian.
  • Empatik & Positif: Mengedepankan solusi untuk masalah lingkungan dengan sikap yang optimis dan penuh harapan.

6. Aplikasi Brand di Media Sosial dan Digital

6.1 Format Gambar untuk Media Sosial

  • Instagram & Facebook: 1080px x 1080px (Square) untuk feed, 1080px x 1920px (Vertical) untuk Stories.
  • X: 1200px x 675px (Horizontal).

6.2 Contoh Penggunaan Warna dan Font di Media Sosial

  • Logo: Gunakan logo dengan warna coklat atau putih di latar belakang yang kontras.
  • Teks: Gunakan Roboto untuk teks panjang atau informasi penting. Gunakan Times New Roman untuk kutipan atau teks dengan nuansa formal.
  • Tombol CTA (Call-to-Action): Gunakan Emas untuk tombol yang mengarahkan pengunjung untuk bergabung atau berdonasi.

6.3 Hashtags yang Digunakan

  • #IKAMaT
  • #MangroveForPeople
  • #Mangrove
  • #Mangrover
  • #Mangroving
  • #SaveMangrove
  • #AyoJagaMangrove

7. Kontak Brand & Kolaborasi

Untuk informasi lebih lanjut atau untuk bekerja sama dengan IKAMaT, hubungi kami melalui:

Klik tombol UNDUH di bawah ini, untuk mengunduh brand kit kami.

UNDUH