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

|--Admin LTE

Contoh

≡

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

Brand book klik di sini

PNG

https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/logo-muhammadiyah.icon_.png – icon (32 x 32)
https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/logo-muhammadiyah.128.png – 128 x 128
https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/logo-muhammadiyah.256.png – 256 x 256
https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/logo-muhammadiyah.512.png – 512 x 512
https://bptsi.unisayogya.ac.id/wp-content/uploads/2023/12/logo-muhammadiyah.4096.png – 4096 x 4096

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

|-Media

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

|-Layout

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>

PNG