Identitas
Visual
Brand
Yayasan Joseph Esa Ene
Daftar Isi
Logo & Identitas Video & Motion
01 09
Supergrafik Mascot
03 11
Kokoh
“J”
4 Pilar (R3C)
Fondasi
(Kuat, Lebih Besar)
Dinamis
“S”
Sistem Suport
Untuk Mencapai Transformasi
Logogram
Logogram
Logotype
Logotype
A dalam logo diukur dari lebar logogramnya, hal ini diukur sehingga jarak spasi mini-
mum menjauhkan logo dari objek lainnya.
0,5 A
0,5 A
0,5 A
0,5 A
0,5 A
A
0,5 A
0,5 A
A
0,5 A
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
Jangan Membedakan
Warna Logogram dan
Logotype
SMP SMP
Bintang Bintang
Kejora Kejora
C I P U TAT C I P U TAT
#79BBE7 #4674B9
Secondary Color
#FEF8F0 #2E2522
Black & White
SMP SMP
Bintang Bintang
SMP
Bintang Kejora Kejora
C I P U TAT
Kejora C I P U TAT
C I P U TAT
SMK SMK
SMK
Rex Rex
Rex Mundi Mundi
Mundi GA M B I R GA M B I R
GA M B I R
SD SD
SD
Santo Santo
Santo Ignatius Ignatius
Ignatius MENTENG MENTENG
MENTENG
#AE76A6 #A44497
Black & White
#AE76A6 #A44497
Black & White
Jenis Huruf
Huruf Identitas Huruf Identitas
Pemilihan huruf disesuaikan dengan esensi dari brand sehingga menciptakan citra mo-
deren-casual yang mencerminkan yayasan pendidikan yang profesional.
Supergraphic
Supergraphic Jenis Supergraphic
Identitas visual Yayasan Joseph Sang Pekerja, mempunyai 4 jenis supergraphic yang
ditujukan untuk menjadi penanda identitas visual brand, dan juga membawa estetika
pada identitas visual.
Keempat supergraphic ini bisa digunakan pad media-media brand seperti media cetak,
digital dan juga stationary. Penggunaan supergraphic di tiap media akan beragam.
SMP
Bintang
Kejora
C I P U TAT
#F5E9B3 #1C9AD6
#EFB05C #1C4787
SD SMK
Santo Rex
Ignatius Mundi
MENTENG GAMBIR
#F9C017 #AE76A6
R: 24 G: 71 B: 133 164
R: 164 G: 68 151
B: 151
#184785 #A44497
Pattern
Pattern Pattern
Pattern adalah salah satu elemen visual identitas yayasan. Pattern diambil dari huruf S
pada logo yang mewakili ke dinamisan nilai yayasan sesuai dengan esensi brand. Peng-
gunaan pattern dapat di kombinasikan dengan elemen visual lainnya seperti latar
belakang, supergraphic dan elemen visual lainnya.
Ilustrasi
Illustrasi illustrasi
Illustrasi merupakan salah satu elemen visual yang berdasarkan tema pendidikan
sejalan dengan visi yayasan. Penggayaan visual pada illustasi adalah line art, untuk tetap
menjaga citra moderen dan konsistensi visual identitas yayasan.
Iconography
Logo & Identitas Ikon
Terdapat 96 total 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 bahkan sua-
sana.
A+
A+
1
?
Grid System
Grid System The 8-Column System
Penggunaan 8-Column System bertujuan untuk memberikan ruang kosong yang
banyak pada karya desain. Hal ini bertujuan agar informasi yang disampaikan padat dan
jelas sehingga audiens dapat menerima informasi seluruhnyat.
Tujuan penggunaan layout system seperti ini untuk menarik perhatian audiens dan
untuk meningkatkan tersampainya informasi kepada audiens. Hal ini dirasa sangat
dibutuhkan untuk keberhasilan re-branding.
ARTBOARD
3. Gunakan 1 bagian sebagai acuan untuk membuat margin disetiap sisi artboard.
ARTBOARD
ARTBOARD
1. Kiri + Tengah
2. Kanan + Tengah
Bumper > Co-Branding Logo > Judul Video(Jika Ada) > Masuk isi Video
*Co-Branding= Logo unit, atau kerja sama dengan institusi lain, logo yang diwajibkan
digunakan untuk sekolah(contoh: kampus merdeka, HUT RI, dll)
SD
Santo
Ignatius
MENTENG
Subtitle Here
Video In
Video Title Here
Web Design
Web Design UI Styleguide
UI Styleguide adalah pedoman penggunaan element desain pada website. Styleguide
dibuat berdasarkan identitas visual Yayasan yang kemudian disesuaikan dengan keper-
luan pengunaan pada website.
1 2
Color Guide Button
Base Colors
Button Delete
Hover Hover
Primary Colors
Pressed Pressed
Disable Disable
Accent Colors
3
Typography
Base Colors
Headings Body Text
Aa Aa Aa
Montserrat Light Montserrat Light (i) Montserrat Regular
Aa
Montserrat 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
delenit augue duis dolore te feugait nulla, Ut wisi enim ad minim veniam,
Headline II 50pt (Bold) quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex
Aa Aa Aa Aa
ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in
vulputate velit esse molestie consequat, vel illum dolore eu
Montserrat Medium Montserrat Medium (i) Montserrat Bold Montserrat Bold (i) Sub-headline 30pt (Book) 20pt (Light)
4 5
Text Fields Pagination
Place Holder
Option Text
Hint Text
Completed 6
Icons
Social
Error
Mascot
Mascot Penjelasan Mascot
Maskot dibuat berdasarkan studi visual dari Santo Joseph. Pakaian yang digunakan
Santo Joseph dan penggaris kayu menggambarkan profesinya sebagai tukang kayu. Hal
ini untuk menekankan Joseph Sang Pekerja. Ekspresi dan pose disesuaikan untuk kebu-
tuhan penggunaannya ketika diaplikasikan pada berbagai media dan pada tema
tertentu.
Aplikasi
Stationary
Stationary ID Card
Penggunaan foto mendominasi media pada pengaplikasian ID Card. Nama ditempat-
kan pada bagian kanan sebelah foto dengan menggunakan 2 baris pada nama, kemudi-
an dibawah nama bisa ditambahkan jabatan dan NIP.
Font pada surat menggunakan font identitas brand yang telah dijelaskan pada bagian
“jenis huruf”.
01 01
Kejora Kejora
C I P U TAT (021) 7499727 C I P U TAT (021) 7499727
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed
diam nonummy nibh euismod tincidunt ut laoreet dolore magna diam nonummy nibh euismod tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at
vero eros et accumsan et iusto odio dignissim qui blandit praesent vero eros et accumsan et iusto odio dignissim qui blandit praesent
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. luptatum zzril delenit augue duis dolore te feugait nulla facilisi.
Ketua Ketua
Yayasan Joseph Sang Pekerja Yayasan Joseph Sang Pekerja
01 01
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
diam nonummy nibh euismod tincidunt ut laoreet dolore magna nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
vero eros et accumsan et iusto odio dignissim qui blandit praesent qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. facilisi.
Ketua Ketua
Yayasan Joseph Sang Pekerja Yayasan Joseph Sang Pekerja
01 01
SD Jl Latuharhary 14 Menteng,
RT 8, RT.8/RW.7, Kec. Menteng, SD Jl Latuharhary 14 Menteng,
RT 8, RT.8/RW.7, Kec. Menteng,
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
diam nonummy nibh euismod tincidunt ut laoreet dolore magna nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper
exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum
consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum
velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim
vero eros et accumsan et iusto odio dignissim qui blandit praesent qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla
luptatum zzril delenit augue duis dolore te feugait nulla facilisi. facilisi.
Ketua Ketua
Yayasan Joseph Sang Pekerja Yayasan Joseph Sang Pekerja
01 01
Template (ready print) map berukuran A2 per satu map, template teks map bisa
diubah-ubah sesuai kebutuhan penggunaan.
Template (ready print) amplop berukuran A3 per satu amplop, yang tidak perlu untuk
diubah, kecual ada perubahan pada alamat yayasan, pada bagian cover dalam amplop.
Aplikasi
Media Digital
Background Meeting Meeting Background
Template bisa mengubah foto pada latar belakang, jenis supergraphic dan posisi pola.
Logo yayasan di sarankan untuk tetap berada pada bagian kiri atas meeting back-
ground, untuk menjaga citra modern dan keresmiaannya.
Aplikasi
Media Cetak
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.
Sign System
Sign System 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.
Perpustakaan UKS
Jalur
Evakuasi Toilet Pria Toilet
Ruang Guru
Merchandise
Logo & Identitas Gelas
Merchandise ditujukan untuk aktivasi brand yang lebih mendalam dan dekat dengan
audiens. Merchandise dirancangan sesuai kebutuhan yayasa, dengan pengolahan visual
yang mengutamakan logo yayasan sebagai desain utama merchandise, agar supaya
aktivasi dari logo baru ini bisa maksimal untuk di tahap awal branding.