Categories
Pengumuman

Material Brand Muhammadiyah

Standar identitas visual adalah bagian penting dalam organisasi yang dibutuhkan untuk mempertahankan konsistensi penandaan. Pedoman diperlukan untuk mengembangkan organisasi secara terarah sesuai dengan value.

Dengan Standar Identitas Visual Muhammadiyah diharapkan menjadi brand yang mengisi hati masyarakat di berbagai kalangan dari generasi ke generasi.

Laman ini berisi material dari Standar Identitas Visual Muhammadiyah yang dapat digunakan untuk berbagai media, termasuk pada web.

Daftar Isi

https://medkom.muhammadiyah.or.id/

Brand book klik di sini

PNG

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/supergrafis-ib.png

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/supergrafis-ib-long.png

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/supergrafis-km.png

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/supergrafis-km-long.png

Vector

Tipografi

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/Font-Brand-Muhammadiyah.zip – El Messiri Semi Bold & LT Internet Bold

CSS

https://service.unisayogya.ac.id/muhammadiyah/media-muhammadiyah.css

embed:
<link rel="stylesheet" type="text/css" href="https://service.unisayogya.ac.id/muhammadiyah/media-muhammadiyah.css" />

kelas:
|-> image:
logo-muhammadiyah-4096
logo-muhammadiyah-512
logo-muhammadiyah-256
logo-muhammadiyah-128
logo-muhammadiyah-icon
supergrafis-ib
supergrafis-km
supergrafis-ib-long
supergrafis-km-long
|-> font:
muhammadiyah-logo
muhammadiyah-tagline

https://service.unisayogya.ac.id/muhammadiyah/layout-muhammadiyah.css

embed:
<link rel="stylesheet" type="text/css" href="https://service.unisayogya.ac.id/muhammadiyah/layout-muhammadiyah.css" />

kelas:
/* WARNA */
/*** GRADASI */
gradasi-horizontal-bi (ke kanan, biru ke hijau)
gradasi-horizontal-mk (ke kanan, merah ke kuning)
gradasi-horizontal-ib (ke kanan, hijau ke biru)
gradasi-horizontal-km (ke kanan, kuning ke merah)
gradasi-vertikal-bi (ke atas, biru ke hijau)
gradasi-vertikal-mk (ke atas, merah ke kuning)
gradasi-vertikal-ib (ke atas, hijau ke biru)
gradasi-vertikal-km (ke atas, kuning ke merah)
/*** BLOK */
blok-hijau
blok-merah
blok-biru
blok-kuning
blok-abu
blok-hitam
/* TATA LETAK */
center
/* TIPOGRAFI */
huruf-logo
huruf-tagline
/* GAMBAR */
/*** SUPER GRAFIS */
supergrafis
/* TRANSFORMASI */
balik-vertikal
balik-horizontal
jungkirbalik = putar-180 = putar-min180 
putar-90 = putar-min270
putar-min90 = putar-270
logo-contain
/* PEWARNAAN ULANG */
recolor-ke-hitam
recolor-ke-putih
recolor-ke-gradasi1-biru
recolor-ke-gradasi1-hijau
recolor-ke-gradasi1-kuning
recolor-ke-gradasi1-merah
recolor-ke-brightyellow

|-Override

|–Admin LTE
<link rel="stylesheet" type="text/css" href="https://service.unisayogya.ac.id/muhammadiyah/override-adminlte-muhammadiyah.css" />

Contoh

<div class="blok-biru">
  <div class="logo-muhammadiyah-128 logo-contain recolor-ke-brightyellow center" style="width:128px;height:128px;"></div>
  <p class="font-logo">Muhammadiyah</p>
</div>

By basit

Biro Pengembangan Teknologi Dan Sistem Informasi

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.