Pedoman

Identitas
Visual
Brand
Yayasan Joseph Esa Ene
Daftar Isi
Logo dan Identitas 03 Video dan Motion 42
01 09

Jenis Huruf 16 Web Design 50

02 10

Supergrafik 21 Mascot 53
03 11

Pattern 25 Aplikasi Stationary 58

04 12

Illustrasi 28 Aplikasi Media Digital 70

05 13

Iconography 31 Aplikasi Media Cetak 73

06 14

Grid System 34 Sign System 86

07 15

Imagery dan Photography 37

08
Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene
 01

Logo dan Identitas

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Logo dan Identitas Logo Rationale
Logo dibentuk dari garis-garis yang memiliki 9 cabang yang menggambarkan 9 Karak-
ter JMJ. Pada logo terdapat huruf J dan E yang merupakan inisial dari Yayasan Joseph
Esa Ene, JEE. Dalam logo, terdapat bentuk pensil dan buku juga.

Huruf J Huruf E Pensil Buku

Brand and Design Aplication Guideline 04 Yayasan Joseph Esa Ene

Logo dan Identitas Filosofi Warna
Pemilihan warna sebagai identitas Yayasan didasari dari hasil analisa intisari yang
kemudian berkembang menjadi esensi brand yang kemudian akan membentuk citra
dari Yayasan Esa Ene.

Filosofi Warna Biru

Warna biru diambil dari warna baju suster-suster JMJ. Warna biru sendiri memberi
kesan “harmonis, ketenangan, dan kepercayaan.”

Filosofi Warna Coklat

Warna cokelat diambil dari warna Santo Joseph. Warna cokelat memberi kesan “dapat
diandalkan, kuat, dan kematangan.”

Filosofi Warna Abu-abu

Warna sbu-abu diambil dari seragam suster-suster JMJ. Warna abu-abu memberikan
citra “sederhana, mandiri, dan netral.”

Brand and Design Aplication Guideline 05 Yayasan Joseph Esa Ene

Logo dan Identitas Warna Identitas
Warna sangat membantu menanamkan identitas Yayasan di benak audiens. Penggu-
naan warna dapat membangun perhatian audiens akan Yayasan. Penggunaan warna
pada logo harus dipertahankan karena merupakan hal vital dalam membangun citra
pada audiens. Warna biru merupakan warna primer yang paling banyak digunakan dan
diaplikasikan di berbagai media untuk membangun citra dalam rangka reputasi
yayasan.

C: 99% M: 82% Y: 18% K: 4%

R: 28 G: 71 B: 135

#1C4787
Blue Family

C: 18% M: 56% Y: 100% K: 3%

R: 202 G: 126 B: 41

#CA7E29
Brown Family

C: 54% M: 41% Y: 33% K: 3%

R: 127 G: 136 B: 148

#7F8894
Grey Family

Brand and Design Aplication Guideline 06 Yayasan Joseph Esa Ene

Logo dan Identitas Warna Gradasi
Warna Gradasi akan digunakan pada logo utama. Alasan penggunakan warna gradasi
adalah untuk menekankan dan menggambarkan sifat di Yayasan yang sigap dalam
bertransformasi. Warna gradasi juga bisa diaplikasikan di berbagai media sembari
mempertahankan pedoman penggunaan agar sejalan dengan citra Yayasan.

Warna dasar Warna gradasi

C: 71% M: 42% Y: 0% K: 0%

R: 79 G: 133 B: 197

#4F85C5

C: 99% M: 82% Y: 18% K: 4%

R: 28 G: 71 B: 135

#1C4787

Brand and Design Aplication Guideline 07 Yayasan Joseph Esa Ene

Logo dan Identitas Komponen Logo
Logo JEE terdiri dari dua komponen: logogram dan logotype. Dalam pengaplikasian di
berbagai media, kedua komponen logo ini tidak boleh dipisah.

Logogram

Logogram

Logotype Logotype

Brand and Design Aplication Guideline 08 Yayasan Joseph Esa Ene

Logo & Identitas Logo Usage
Dalam penggunaannya, logo Yayasan memiliki dua alternatif yaitu logo primer dan
sekunder. Penggunaan salah satu logo atas dasar kesesuaian dengan layout di berb-
agai media.

Logo Primer : Penempatan di bagian kanan media

Logo Sekunder : Penempatan di bagian kiri media

Logo Primer Logo Sekunder

Brand and Design Aplication Guideline 09 Yayasan Joseph Esa Ene

Logo dan Identitas Variasi Logo
Logo merupakan bagian paling vital dalam hal identitas sebuah brand. Untuk itu, kami
menyarankan yayasan untuk menggunakan logo sesuai dengan alternatif penggu-
naan.

Brand and Design Aplication Guideline 10 Yayasan Joseph Esa Ene

Logo dan Identitas Struktur Logo
Konfigurasi pada logo cukup kompleks karena menggunakan 3 variabel yaitu A, B dan Z.
A diambil dari lebar 3 pilar garis pada logo; B dari jarak antara pilar garis; dan Z dari lebar
logo.

Penetapan jarak setiap elemen logo bertujuan untuk mengatur jarak logogram dan
logotype agar jelas keterbacaan logo disetiap ukuran.

A B A B A

A B A B A

1,1 Z

0,7 A

1,1 Z

B
0.4 A

0.5 A 0,7 A

0.5 B 0,6 B
0,6 B
0.5 A
0.5 B

0.5 A
0.3 B
0.4 B

Brand and Design Aplication Guideline 11 Yayasan Joseph Esa Ene

Logo dan Identitas Minimum Clear Space
Penentuan jarak spasi minimum bertujuan agar citra untuk identitas yayasan terlihat
dan terbaca jelas.

A pada logo primer diukur dari lebar logogram. Jarak spasi minimum menjauhkan logo
dari objek lainnya.

0,5 A

0,5 A

0,5 A

A
0,5 A

Brand and Design Aplication Guideline 12 Yayasan Joseph Esa Ene

Logo dan Identitas Ukuran Minimal Logo
Ukuran logo bisa disesuaikan dengan layout dan media yang akan digunakan. Penggu-
naan logo bisa dikategorikan dalam 3 bagian yaitu:

Ukuran besar : logogram, logotype, tagline

Ukuran sedang : logogram, logotype
Ukuran kecil : logogram

Brand and Design Aplication Guideline 13 Yayasan Joseph Esa Ene

Logo dan Identitas Kesalahan Penggunaan Logo
Untuk menghindari kesalahan penggunaan logo, untuk pengubahan struktur logo, mod-
ifikasi logo dan menambahkan atau mengurangi elemen pada logo sangat tidak disa-
rankan.

Jangan membalik logo Jangan memiringkan Jangan memotong logo Jangan menggunakan
Logo outline pada logo

Jangan mengubah jarak Jangan menambahkan Jangan menggunakan Jangan menaruh logo
logogram dan logotype bayangan background ramai pada berwarna gradasi pada latar yang
logo warna gradasi warnanya tidak disarankan

Dilarang membalik logo Jangan mengganti

warna logo diluar
panduan

Brand and Design Aplication Guideline 14 Yayasan Joseph Esa Ene

Logo dan Identitas Co-Branding
Berikut 3 penggunaan logo mitra atau logo unit dengan logo Yayasan. Penggunaannya
bisa disesuaikan dengan layout, media, dan jenis output.

Brand and Design Aplication Guideline 15 Yayasan Joseph Esa Ene

 02

Font Type

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Font Type

Qualy
Jenis Huruf Primer

Qualy merupakan jenis huruf utama yang akan

digunakan sebagai headline pada setiap media.
Penggunaan jenis huruf terbatas pada huruf kapi-
tal di awal kata.

Cth: Yayasan Joseph Esa Ene

Yayasan joseph esa ene
YAYASAN JOSEPH ESA ENE

Jenis Huruf Sekunder

Poppins
Poppins merupakan jenis huruf sekunder yang
akan digunakan untuk sub-headline dan body
copy.

Brand and Design Aplication Guideline 17 Yayasan Joseph Esa Ene

Font Type

Qualy ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&%

Poppins Light ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz
1234567890&%
Poppins Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&%
Poppins Medium Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&%
Poppins Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&%
Poppins Bold Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890&%

Brand and Design Aplication Guideline 18 Yayasan Joseph Esa Ene

Aturan Penggunaan
Font Type
Qualy (55pt)
Poppins Bold (15pt)
Poppins Regular (10pt)
Poppins Bold (8pt) Additional
Brand and Design Aplication Guideline
Penerapan Identitas Tipografi
Penggunaan komposisi tipografi harus konsisten pada tiap media dengan tidak
mengesampingkan kedinamisan penerapan pada tiap media. Di bawah ini adalah
contoh penerapan komposisi yang umumnya dipakai di sebagian besar media.
Headline akan menjadi vocal point pada komposisi ini. Media pada brand ini akan
difokuskan pada efektivitas penyajian informasi yang menjadi identitas visual pada
brand ini.
Contoh
This is
Headline
This is Sub-head
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id
19 Yayasan Joseph Esa Ene
Penerapan Font Type Alternatif Penerapan

Untuk mencapai konsistensi, pemakaian komposisi tipografi dibatasi berdasarkan kom-

posisi ukuran dan alignment/penyelarasan huruf.

Dalam hal alignment di tiap media, disarankan untuk tetap menggunakan alignment
rata kanan atau simetris tengah dan tidak rata kiri. Walaupun di beberapa media, posisi
teks pada komposisi visual berada di sebelah kiri, alignment yang digunakan adalah
rata kanan.

This is This is
Headline Headline
This is Sub-head This is Sub-head
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation

yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id

This is
Headline
This is Sub-head
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam
erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation

yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id

Brand and Design Aplication Guideline 20 Yayasan Joseph Esa Ene

 03

Supergrafik

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Supergrafik Bentuk Dasar Supergrafik

Supergrafik khusus Yayasan mempunyai 7 alternatif

bentuk yang dikembangkan dari bentuk dasar diambil
dari bagian pensil pada logo.

Brand and Design Aplication Guideline 22 Yayasan Joseph Esa Ene

Supergrafik Penerapan Supergrafik

Catatan
Daftar Kelas
Kelas A - Kelas B (November 2022)

Brand and Design Aplication Guideline 23 Yayasan Joseph Esa Ene

Layout System Supergrafik Unit

Pengenalan
Penggunaan: Unit Tingkat Sekolah Dasar

Bentuk diambil dari bentuk dasar kacamata yang menggambarkan penglihatan.

Eksplorasi
Penggunaan: Unit Tingkat Sekolah Menengah Pertama

Bentuk ini menggambarkan perubahan lingkaran dari bentuk kecil ke bentuk lebih besar.
Alur garis yang membentuk dua lingkaran tersebut mencerminkan arah dan perpinda-
han yang merepresentasikan eksplorasi.

Pengembangan
Penggunaan: Unit Tingkat Sekolah Menengah Atas

Bentuk menggambarkan dua lingkaran yang begitu jelas. Terdapat dua arah panah
yang mengarah keluar lingkaran. Kesan yang ingin digambarkan adalah kematangan
dan perkembangan.

Brand and Design Aplication Guideline 24 Yayasan Joseph Esa Ene

 04

Pattern

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Pattern Bentuk Asal
Bentuk diambil dari garis dasar logo,
yang disusun kembali, dan membentuk
pola baru.

Susunan Pola

Susunan bentuk di atas memproyeksikan

citra tradisional yang membawa per-
lambangan Minahasa pada brand.

Brand and Design Aplication Guideline 26 Yayasan Joseph Esa Ene

Pattern Penerapan Pola
Penerapan pola pada media
hanya akan digunakan pada
bagian sudut kiri dan kanan
pada bagian atas dan bawah
visual.

Pola diterapkan dengan nilai

transparansi (opacity) 10% - 15%
saja.

Penggunaan pola dan warna

pada pola bisa disesuaikan
dengan keadaan komposisi
Januari
visual tertentu.

Seperti contoh penerapan pola

pada kalender, hanya diterapkan
1: Keterangan pada bagian sudut kiri bawah
25 : Keterangan

dengan transparansi 15%.

SEN SEL RAB KAM JUM SAB MING

Penggunaan pola akan lebih
1 sedikit (dibatasi) jika dibanding-
2 3 4 5 6 7 8
kan dengan penggunaan super-
9 10 11 12 13 14 15
graphic, karena citra brand akan
16 17 18 19 20 21 22
23 24 25 26 27 28 29 difokuskan pada citra modern,
30 31 sedangkan pola mem-
proyeksikan citra tradisional
(citra tambahan).

Brand and Design Aplication Guideline 27 Yayasan Joseph Esa Ene

 05

Ilustrasi

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Ilustrasi Jenis Ilustrasi
Illustrasi didesain dengan gaya line art untuk mempertegas citra modern yang dibawah
oleh brand. Tema ilustrasi di bawah adalah pendidikan, yang divisualisasi dengan alat
tulis menulis, perlengkapan sekolah, dan perlambangkan citra edukasi lain seperti seko-
lah.

Brand and Design Aplication Guideline 29 Yayasan Joseph Esa Ene

Ilustrasi Penerapan Ilustrasi

Brand and Design Aplication Guideline 30 Yayasan Joseph Esa Ene

 06

Iconography

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Iconography Ikon

Terdapat 77 ikon yang dapat digunakan untuk keperluan media cetak, digital dan
bahkan interaktif. Ikon didesain berdasarkan tema yang sesuai dengan visi dan esensi
dari brand, yaitu pendidikan dengan menampilkan atribut-atribut umum sekolah
sebagai institusi dan beberapa penanda universal lainnya yang pada penerapannya
digunakan sebagai sistem penanda lingkungan, bangunan, ruangan atau suasana.

A+
1

Brand and Design Aplication Guideline 32 Yayasan Joseph Esa Ene

Iconography Penerapan Ikon

Penggunaan ikon pada media cetak dan digital memperjelas informasi yang akan
disampaikan dan/atau mengefektivitaskan penyampaian informasi melalui tanda.

Penerapan ikon pada media cetak dan digital, berdampingan dengan tipografi sebagai
pendukung pesan utama, sedangkan pemakaian ikon dalam media interaktif lebih din-
amis sesuai dengan penerapan keilmuan UI seperti dalam perancangan website
maupun mobile-app.

yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id

Efektivitas informasi.

Sebagai penanda universal.

Sebagai penanda spesifik.

Brand and Design Aplication Guideline 33 Yayasan Joseph Esa Ene

 07

Grid System

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Grid System The 8-Column System
Penggunaan 8-Column System bertujuan untuk memberi banyak ruang kosong pada
karya desain. Dengan demikian informasi yang disampaikan padat dan jelas sehingga
audiens dapat menerima informasi seluruhnya.

Dalam penerapan 8-Column System, elemen yang mendominasi adalah supergraphic

dan foto yang clean.Headline, sub-headline dan body copy mengambil bagian kurang
lebih hanya 30%.

Penggunaan layout system seperti ini bertujuan untuk menarik perhatian dan mening-
katkan tersampainya informasi kepada audiens. Hal ini sangat dibutuhkan untuk keber-
hasilan re-branding.

Brand and Design Aplication Guideline 35 Yayasan Joseph Esa Ene

Layout System Cara Custom The 8-Column System
1. Tentukan ukuran artboard yang akan digunakan.
2. Bagi artboard menjadi 16 bagian.

ARTBOARD

3. Gunakan 1 bagian sebagai acuan untuk membuat margin d isetiap sisi artboard.

ARTBOARD

4. Hapus grid lain(berwarna merah pada gambar) yang tersisa.

5. Tempatkan template 8-Column System dalam margin seperti gambar
di bawah

ARTBOARD

Brand and Design Aplication Guideline 36 Yayasan Joseph Esa Ene

 08

Imagery dan Photography

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Imagery dan Photography Penggunaan Foto Portrait
Penggunaan foto portrait untuk pimpinan, pegawai bahkan untuk siswa disarankan
mengikuti aturan ini dimana pembawaan dari model haruslah menggambarkan
kehangatan dan keramahan, namun memberi kesan profesional

Brand and Design Aplication Guideline 38 Yayasan Joseph Esa Ene

 Imagery dan Photography Pengaplikasian Foto Portrait
Penerapan foto pada media dapat menyesuaikan dengan banyaknya model dan
pesan yang ingin dikomunikasikan. Terdapat dua alternatif dalam penggunaan foto
portrait:

- Supergraphic menggunakan solid color. - Supergraphic versi bloking

- Backrounf foto harus transparan. - Backgroung pada foto tidak ramai atau bisa diblur.

Brand and Design Aplication Guideline 39 Yayasan Joseph Esa Ene

Imagery dan Photography Penggunaan Foto Aktifitas
Foto aktifitas mnampilkan kegiatan-kegiatan yayasan atau unit. Citra “melayani” dan
“keramahan” ditonjolkan dalam foto.Pengajar/atasan bisa terlihat tidak mendominasi
lainnya.

Brand and Design Aplication Guideline 40 Yayasan Joseph Esa Ene

Imagery dan Photography Pengaplikasian Foto Aktifitas
Penerapan foto pada media dapat menyesuaikan dengan kejelasan foto saat
diaplikasikan di supergrafik.

Penggunaan versi masking bisa digunakan ketika foto terlihat Jika versi masking membuat foto terpotong dan tidak terlihat
jelas. Foto wide angle lebih cocok dari pada foto close up. jelas, maka dapat menggunakan versi blocking

Brand and Design Aplication Guideline 41 Yayasan Joseph Esa Ene

 09

Video dan Motion

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Videography Pengambilan Gambar - Wawancara
Pengambilan gambar untuk kepentingan wawancara menggunakan grid rule of third.
Dalam pengambilan gambar, model ditempatkan sejajar dengan garis vertikal dan
mata model harus sejajar dengan garis horizontal atas. Model juga bisa ditempatkan
tepat di tengah layar. Untuk lebih jelas bisa dilihat pada gambar dibawah.

Dalam 1 output video, hanya diperkenankan menggunakan 2 alternatif pengambilan

gambar:

1. Kiri + Tengah
2. Kanan + Tengah

Brand and Design Aplication Guideline 43 Yayasan Joseph Esa Ene

Videography Variasi Pengambilan Gambar
Penggunaan variasi pengambilan gambar diatur dengan mempertimbangkan kenya-
manan mata audiens saat menonton video. Perpindahan sudut pandang kamera
sangat mempengaruhi kenyamanan mata saat menonton. Dengan mempertimbang-
kan hal tersebut, pengambilan gambar bisa menggunakan alternatif di bawah ini.

Kiri dan Tengah Kanan dan Tengah

Brand and Design Aplication Guideline 44 Yayasan Joseph Esa Ene

Lower Third Penempatan Lower Third
Penempatan lower third mengikuti ruang kosong pada video sehingga tidak menutupi
model. Dalam penggunaannya, lower third akan digunakan mengikuti pemilihan alter-
natif pengambilan gambar. Hal ini menunjukan konsistensi dalam penempatan lower
third pada suatu video.

Kiri & Tengah Kanan & Tengah

Brand and Design Aplication Guideline 45 Yayasan Joseph Esa Ene

Bumper Penggunaan Bumper
Bumper digunakan pada awal dan atau akhir video. Penggunaan bumper sendiri mem-
bantu keberhasilan branding dengan menempatkan identitas dibanyak media sehing-
ga menanamkannya di benak audiens.

Setiap video harus mengikuti urutan penggunaan bumper sebagai berikut:

Bumper > Co-branding Logo > Judul Video(Jika Ada) > Masuk isi Video

*Co-branding= logo unit, atau kerja sama dengan institusi lain dan logo yang diwajibkan digu-
nakan untuk sekolah(contoh: kampus merdeka, HUT RI, dll)

Brand and Design Aplication Guideline 46 Yayasan Joseph Esa Ene

Bumper Filosofi Motion
1. Bentuk pensil yang muncul dari satu titik.
Menggambarkan pertumbuhan dan perkembangan dari hal kecil yang bisa melahirkan
tunas-tunas baru.

2. Bentuk pensil turun, bentuk buku muncul

Menggambarkan pelayanan sekaligus transformasi. Bentuk pensil yang turun perlahan
menggambarkan pelayanan dan pemberian yang berdampak pada pertumbuhan
pada orang lain yang digambarkan dengan garis-garis bentuk buku yang mulai
muncul. Motion ini juga menggambarkan transformasi yang tadinya bergerak lurus,
mulai bercabang dengan bentuk melingkar yang dinamis.

Brand and Design Aplication Guideline 47 Yayasan Joseph Esa Ene

Bumper Filosofi Motion
3. Bentuk pensil mulai naik kembail.
Menggambarkan hasil pelayanan dan pemberian di mana akan mengalami pertumbu-
han dan perkembangan.

4. Pentuk logo utuh

Menggambarkan keutuhan dan kematangan Yayasan dalam pelayanan di dunia pen-
didikan. Keutuhan juga menggambarkan semua cakupan dari harapan dan cita-cita
Yayasan dalam melayani didunia pendidikan yang menciptakan tunas-tunas baru
yang akan berguna bagi bangsa.

Brand and Design Aplication Guideline 48 Yayasan Joseph Esa Ene

Bumper Urutan Penggunaan Bumper Dalam Video

Video Title Here Video In

SubTitle Here

Brand and Design Aplication Guideline 49 Yayasan Joseph Esa Ene

 10

Web Design

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Web Design UI Styleguide
UI Styleguide adalah pedoman penggunaan elemen desain pada website. Styleguide
dibuat berdasarkan identitas visual Yayasan yang disesuaikan dengan keperluan peng-
gunaan pada website.

Color Guide Button

Base Colors

Button Delete

Hover Hover

Primary Colors

Pressed Pressed

Disable Disable

Accent Colors

Typography
Base Colors
Headings Body Text

Aa Aa Aa Aa
Poppins Light Poppins Light (i) Poppins Regular Poppins Regular (i)
Headline I 120pt (Ultra)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation
ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie
consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et
accumsan et iusto odio dignissim qui blandit praesent luptatum zzril

Headline II
delenit augue duis dolore te feugait nulla, Ut wisi enim ad minim veniam,

Aa Aa Aa Aa
50pt (Bold) quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu

Poppins Medium Poppins Medium (i) Poppins Bold Poppins Bold (i) Sub-headline 30pt (Book) 20pt (Light)

Brand and Design Aplication Guideline 51 Yayasan Joseph Esa Ene

Web Design UI Styleguide

Text Fields Pagination

Place Holder

Option Text
Hint Text

Hint Text - Hover

Text Page Indicators

Prev Next

Hint Text - Click

ABOUT US SCHOOL INFORMATION CONTACT

Typing Photos Page Indicators Webs Page Indicators

Completed
Icons
Social

Error

Success Icon Hover Pressed

Brand and Design Aplication Guideline 52 Yayasan Joseph Esa Ene

 11

Maskot

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Maskot Pose Mascot

Brand and Design Aplication Guideline 54 Yayasan Joseph Esa Ene

Maskot Busana Mascot
Busana kain selempang St. Joseph diambil dari
corak kain asli Minahasa (Bentenan).

Jubah St. Joseph diambil dari warna biru identitas

brand yayasan, dan jubah bayi Yesus, yang diambil
dari warna cokelat identitas brand yayasan.

Brand and Design Aplication Guideline 55 Yayasan Joseph Esa Ene

Maskot Body Template Maskot
Terdapat 3 file body template untuk maskot, yaitu body template untuk karakter St.Jo-
seph, bayi Yesus dan Keduanya. Body template untuk St.Joseph bisa diganti untuk
bagian dan posisi kepala, tangan, pose tangan dan bunga lily.

Brand and Design Aplication Guideline 56 Yayasan Joseph Esa Ene

Maskot Alternatif Pose dan Turn Around
Tiap pose memiliki 2 alternatif untuk penggunaa yang disarankan untuk menggunakan
3 pose utama bagian atas. Kemudian maskot sudah disertai dengan template turn
around yang bisa menjadi patokan pengembangan maskot 3D dan pematungan.

Pose Utama

Belakang Depan

Pose Alternatif

Pose I Pose II Pose III Samping

Brand and Design Aplication Guideline 57 Yayasan Joseph Esa Ene

 12

Aplikasi
Stationary
Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene
Stationary ID Card
Penggunaan foto mendominasi media pada pengaplikasian ID Card. Nama ditempat-
kan pada bagian kiri sebelah foto dengan menggunakan 2 baris pada nama, dan
penambahan nama dan NIP di bawah nama.

Brand and Design Aplication Guideline 59 Yayasan Joseph Esa Ene

Stationary Kartu Nama
Pada kartu nama terdapat dua desain yang masing-masing digunakan pada tiap sisi
kertas. Pada bagian depan, terdapat logo dan supergraphic saja. Sementara itu, pada
bagian dalam bisa diisi dengan informasi pribadi. Tidak diperkenankan menambahkan
foto atau illustrasi pada kartu nama.

Brand and Design Aplication Guideline 60 Yayasan Joseph Esa Ene

Stationary Kartu Nama

Brand and Design Aplication Guideline 61 Yayasan Joseph Esa Ene

Stationary Lanyard
Penggunaan elemen desain untuk lanyard hanya berupa logo, supergrafik dan teks
sesuai dengan jenis huruf Yayasan.

Brand and Design Aplication Guideline 62 Yayasan Joseph Esa Ene

Stationary Notebook
Menggunakan ukuran A4 namun dapat disesuaikan dengan ukuran yang dibutuhkan.
Elemen pada desain, terdapat supergrafik dan foto, headline dan body copy serta logo
Yayasan.

Brand and Design Aplication Guideline 63 Yayasan Joseph Esa Ene

Stationary Notebook + Co-branding
Terdapat alternatif penggunaan supergrafik untuk Yayasan dan unit sesuai tingkatan.
Untuk yayasan bisa digunakan semua supergrafik yang tersedia. Sedangkan untuk unit,
penggunaan supergrafik harus sesuai dengan tingkatan masing-masing sebagaimana
yang sudah dijelaskan pada bagian supergrafik diatas.

Brand and Design Aplication Guideline 64 Yayasan Joseph Esa Ene

Stationary Surat
Surat resmi yayasan disediakan
dalam bentuk template Ms.Word, PDF
Jl. Samratulangi No. 62,
Kota Manado 95111,
Sulawesi Utara
dan Ai. Penggunaan surat kurang
(0431) 851967,
Faksimile (0431) 861548 lebih sama dengan penulisan surat
resmi pada umumnya, hanya saja
dengan layout berbeda.
Kepada Yth:
Dewan Pimpinan Provinsi Manado
Tanggal : Jalan A. A. Maramis 10, Kel. Paniki Dua
Kecamatan Mapanget.
19 Juli 2022
Font pada surat menggunakan font
Hal :
Jawaban Surat
Nomor:
identitas brand yang telah dijelaskan
501/SJMJ.Mdo./
VI/2022/JT.yr pada bagian “Font type”.
No Surat :
320/PEND/050121/

Surat terbagi dalam 3 bagian, yaitu

YJYMDO/VII/2022

kop surat, isi surat dan bagian pere-

smian (tanda tangan dan materai),
yang jika dilipat 3 bagian untuk
keperluan amplop, maka kop surat
akan menjadi cover surat.
Ketua
Yayasan Joseph Esa Ene

Sr. Christine Weridity, SJMJ

Brand and Design Aplication Guideline 65 Yayasan Joseph Esa Ene

Stationary Surat untuk Unit dan Kolaborasi
Perbedaan surat Yayasan dan surat
pada unit hanya terdapat pada
Jl. Samratulangi No. 62,
Kota Manado 95111,
Sulawesi Utara
penyematan logo unit atau logo
(0431) 851967,
Faksimile (0431) 861548 pemprov, atau logo kolaborasi brand
lainnya pada kop surat.
Kepada Yth:
Dewan Pimpinan Provinsi Manado
Tanggal : Jalan A. A. Maramis 10, Kel. Paniki Dua
19 Juli 2022 Kecamatan Mapanget.

Hal :
Jawaban Surat
Nomor:
501/SJMJ.Mdo./
VI/2022/JT.yr

No Surat :
320/PEND/050121/
YJYMDO/VII/2022

Ketua
Yayasan Joseph Esa Ene

Sr. Christine Weridity, SJMJ

Brand and Design Aplication Guideline 66 Yayasan Joseph Esa Ene

Stationary Amplop
Visual amplop menggunakan
pola pada bagian tutup dan
supergraphic pada bagian
cover luar dan dalam amplop.

Amplop berukuran 230 x 110mm,

cukup untuk memuat kertas A4
dengan 3 lipatan.

Template (ready print) amplop

berukuran A3 per satu amplop,
(0431) 851967, Faksimile (0431) 861548
yang tidak perlu untuk diubah,
Sulawesi Utara
Jl. Samratulangi No. 62, Kota Manado 95111,
kecual ada perubahan pada
alamat yayasan, pada bagian
Yayasan Joseph Esa Ene

cover dalam amplop.

Brand and Design Aplication Guideline 67 Yayasan Joseph Esa Ene

Stationary Map
Map akan berukuran 223 x 315mm,
cukup untuk memuat ketas A4 tanpa
dilipat.

Template (ready print) map berukuran

A2 per satu map, template teks map
bisa diubah-ubah sesuai kebutuhan
penggunaan.

Catatan Daftar Kelas

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud

Catatan
Daftar Kelas
Kelas A - Kelas B (November 2022)

Brand and Design Aplication Guideline 68 Yayasan Joseph Esa Ene

Stationary Cap
Cap yayasan akan menggunakan visualisasi
logo vertikal yang akan diterapkan pada surat,
invoice dan kepentingan resmi lainnya.

Warna dasar cap menggunakan hitam dan

warna biru bisa digunakan untuk mempertah-
ankan citra dari brand.

Brand and Design Aplication Guideline 69 Yayasan Joseph Esa Ene

 13

Aplikasi
Media Digital
Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene
Aplikasi Meeting Background
Media Digital
Tersedia 2 alternatif untuk meeting background, tiap
alternatif memiliki 2 varian dengan 2 warna identitas.

Template bisa mengubah foto pada latar belakang,

jenis supergraphic dan posisi pola.

Logo yayasan di sarankan untuk tetap berada pada

bagian kiri atas meeting background, untuk menja-
ga citra modern dan keresmiaannya.

Brand and Design Aplication Guideline 71 Yayasan Joseph Esa Ene

Aplikasi Media Sosial Media
Digital
Terdapat 5 tamplate dasar dari sosial media, template bisa di ubah lagi sesuai kebutu-
han tapi juga bisa memakai komposisi yang sudah ada. Pemakaian warna, komposisi
dan imagery disesuaikan dengan kebutuhan, sedangkan logo yayasan akan tetap
berada diatas dan pemakaian logo unit atau logo kolaborasi tetap pada bagian kanan
atas komposisi visual.

Brand and Design Aplication Guideline 72 Yayasan Joseph Esa Ene

 14

Aplikasi
Media Cetak
Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene
Media Cetak Baliho
Media horizontal tematik yang menyesuaikan dengan jenis kegiatan yang ingin diinfro-
masikan. Penggunaan Baliho dapat disesuaikan dengan banyak sedikitnya informasi
yang ingin disampaikan. Layout bisa di sesuaikan lagi dengan tetap mempertahankan
elemen desain: Logo, supergrafik dan foto, Headline, body copy, dan sosial media.

Brand and Design Aplication Guideline 74 Yayasan Joseph Esa Ene

Media Cetak Baliho + Co-Banding
Terdapat alternatif penggunaan supergrafik untuk Yayasan dan unit sesuai dengan
tingkatannya. Untuk Yayasan bisa menggunakan semua supergrafik yang tersedia.
Sedangkan untuk unit penggunaan supergrafik harus sesuai dengan tingkatan mas-
ing-masing sebagaimana yang sudah dijelaskan pada bagian supergrafik diatas.

Brand and Design Aplication Guideline 75 Yayasan Joseph Esa Ene

Media Cetak Banner
Media vertikal tematik yang menyesuaikan dengan jenis kegiatan yang ingin diinfroma-
sikan. Penggunaan Banner dapat disesuaikan dengan banyak sedikitnya informasi yang
ingin disampaikan, namun sangat disarankan untuk bisa meminimalisir informasi agar
tidak bertumpukan sehingga mengakibatkan kurangnnya minat audiens untuk mem-
perhatikan. Layout bisa di sesuaikan lagi dengan tetap mempertahankan elemen
desain: Logo, supergrafik dan foto, Headline, body copy, dan sosial media.

Brand and Design Aplication Guideline 76 Yayasan Joseph Esa Ene

Media Cetak Banner + Co-Banding
Terdapat alternatif penggunaan supergrafik untuk Yayasan dan unit sesuai dengan
tingkatannya. Untuk Yayasan bisa menggunakan semua supergrafik yang tersedia.
Sedangkan untuk unit penggunaan supergrafik harus sesuai dengan tingkatan mas-
ing-masing sebagaimana yang sudah dijelaskan pada bagian supergrafik diatas.

Brand and Design Aplication Guideline 77 Yayasan Joseph Esa Ene

Media Cetak Billboard
Media horizontal tematik yang menyesuaikan dengan jenis kegiatan yang ingin diinfro-
masikan. Penggunaan Billboard sangat disarankan untuk memuat informasi yang
sedikit namun spesifik dikarenakan pertimbangan penempatan yang durasi perhatian-
nya terbatas. Layout bisa di sesuaikan lagi dengan tetap mempertahankan elemen
desain: Logo, supergrafik dan foto, Headline, body copy, dan sosial media.

Brand and Design Aplication Guideline 78 Yayasan Joseph Esa Ene

Media Cetak Billboard + Co-Banding
Terdapat alternatif penggunaan supergrafik untuk Yayasan dan unit sesuai dengan
tingkatannya. Untuk Yayasan bisa menggunakan semua supergrafik yang tersedia.
Sedangkan untuk unit penggunaan supergrafik harus sesuai dengan tingkatan mas-
ing-masing sebagaimana yang sudah dijelaskan pada bagian supergrafik diatas.

Brand and Design Aplication Guideline 79 Yayasan Joseph Esa Ene

Aplikasi Undangan
Media Cetak
Undangan versi cetak berisikan surat resmi dengan cover identitas yayasan. Template
undangan menggunakan file Photoshop, dikarenakan ada penerapan foto dan grafis
pada cover surat, sehingga lebih leluasa untuk mengubah dengan file Photoshop.
Pengaplikasian unit sama dengan cara pengaplikasian unit pada surat resmi.

Jl. Samratulangi No. 62,

Kota Manado 95111,
Sulawesi Utara

(0431) 851967,
Faksimile (0431) 861548

Kepada Yth:
Dewan Pimpinan Provinsi Manado
Tanggal : Jalan A. A. Maramis 10, Kel. Paniki Dua
19 Juli 2022 Kecamatan Mapanget.

Hal :
Jawaban Surat
Nomor:
501/SJMJ.Mdo./
VI/2022/JT.yr

No Surat :
320/PEND/050121/
YJYMDO/VII/2022

Judul Ketua
Yayasan Joseph Esa Ene

Undangan
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna Sr. Christine Weridity, SJMJ
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud

yayasan_jee Yayasan Joseh Esa Ene www.yayasan.jee.ac.id

Brand and Design Aplication Guideline 80 Yayasan Joseph Esa Ene

Aplikasi Kalender
Media Cetak
Kalender berukuran A5, template kalender mempunyai layout tanggal pada tahun 2023.
Tidak diperlukan perubahan pada cover dan backcover, hanya pada penandaan hari
raya penting pada tiap bulannya.

Kalender
Januari
2023
1: Keterangan
25 : Keterangan

SEN SEL RAB KAM JUM SAB MING

1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31

Brand and Design Aplication Guideline 81 Yayasan Joseph Esa Ene

Media Cetak Fly Flag
Media vertikal tematik yang menyesuaikan dengan jenis kegiatan yang ingin diinfroma-
sikan. Penggunaan Fly Flag hanya memuat intisari dari pesan/kegiatan yang ingin
disampaikan. Layout bisa di sesuaikan lagi dengan tetap mempertahankan elemen
desain: Logo, supergrafik dan foto, Headline, body copy, dan sosial media.

Brand and Design Aplication Guideline 82 Yayasan Joseph Esa Ene

Media Cetak Fly Flag + Co-Banding
Terdapat alternatif penggunaan supergrafik untuk Yayasan dan unit sesuai dengan
tingkatannya. Untuk Yayasan bisa menggunakan semua supergrafik yang tersedia.
Sedangkan untuk unit penggunaan supergrafik harus sesuai dengan tingkatan mas-
ing-masing sebagaimana yang sudah dijelaskan pada bagian supergrafik diatas.

Brand and Design Aplication Guideline 83 Yayasan Joseph Esa Ene

Media Cetak Papan Yayasan
Media horisontal yang penggunaannya jangka panjang dan tidak menyesuaikan
dengan tema tertentu. Papan nama Yayasan berisi informasi penting saja yaitu: logo,
alamat dan sosial media.

Brand and Design Aplication Guideline 84 Yayasan Joseph Esa Ene

Media Cetak Preview Papan Yayasan

Brand and Design Aplication Guideline 85 Yayasan Joseph Esa Ene

 15

Sign System

Pedoman Identitas Komunikasi Brand Yayasan Joseph Esa Ene

Signage Penerapan Signage
Penanda tempat dan arah dibuat berdasarkan bentuk visual pada logo dengan tujuan
untuk membentuk kesamaan citra dari seluruh media yang akan digunakan Yayasan.
Dengan menggunakan penanda ini akan sangat membangun citra dan reputasi
Yayasan dimata audiens.

Lt

1 1
floor

Perpustakaan Pusat Informasi

2
floor Lt

Unit Kesehatan Siswa Lapangan Laboratorium

Jalur
Wanita Pria Ruang Guru Evakuasi

Ruang Kantin
Ruang Kelas Kepala Sekolah

Brand and Design Aplication Guideline 87 Yayasan Joseph Esa Ene

Signage Penerapan Signage
Pedoman pengaplikasian penanda dapat mengikuti aturan dibawah ini yaitu dengan
menggunakan simbol dan nama tempat.

Brand and Design Aplication Guideline 88 Yayasan Joseph Esa Ene

Lt

1
Perpustakaan Pusat Informasi

Toilet Ruang Kelas

yayasan_jee

yayasan.jee.ac.id

Yayasan Joseh Esa Ene