GRAPHIC STANDARD MANUAL BADAN KE PE NDUDUK AN DAN KE LUARGA BE R E NCANA NASIONAL
DESIGN BY
Donny Prawira Sagala Brand Designer
Cynthia Christiawan Brand Designer
CONTENT INTRODUCTION
RING
MOODBOARD
TICK
BIG IDEA
FAMILY
17
LOTUS
01
COVER
LOVE
LOGO CONCEPT
ELEMENT DESIGN
BASIC BRAND COLOR
23
11
BRAND IDENTITY
TYPOGRAPHY BASIC TYPO
HIERARCHY
VA R I A N L O G O LAYOUT
GRID SYSTEM
41
33
SUPERGRAFIS
MINIMUM CLEAR SPACE MINIMUM SIZE B&W AND GRAYSCALE COLOR
39
BACKGROUND GRADIENT PICTURE
MONOCHROME
INCORRECT LOGO USAGE STATIONERY KOP SURAT
51
COLOR
KARTU NAMA AMPLOP
ID CARD
WEBSITE
KENDARAAN
DUCTION
INTRO BKKBN (Badan Kependudukan dan Keluarga Berencana Nasional) merupakan lembaga yang memiliki program dengan cakupan yang luas, yaitu Kependudukan, Keluarga Berencana, dan Pembangunan Keluarga, yang dijalankan secara nasional. Seiring perkembangan jaman yang terus berubah, BKKBN juga tidak ketinggalan jaman, yakni dengan menyesuaikan generasi Millenial dan Zillenial. Millenial dan Zillenial adalah generasi yang mengandalkan internet dan gadget, serta hanya mau menerima sesuatu yang relevan dengan hidup mereka.
CULTURE
SOLIDARIT HAPPINESS
TY
Sebagai lembaga kependudukan Indonesia, BKKBN erat kaitannya dengan bidang sosial dan kemanusiaan. Maka, kesan yang ingin dibangun yaitu kebersamaan dan solidaritas, budaya, serta kesejahteraan dan kebahagiaan.
MOOD BOARD
09 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design
BIG IDEA
Basic Brand Color Typography Supergraphic
Ada beberapa kata yang menjadi bagian dari Big Idea dalam
Varian Logo
pembuatan logo ini. Big Idea terdiri
Background
dari Birth, Plan dan Family.
Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
10
BIRTH
PLAN
FAMILY
Tentunya BKKBN akan
Kata “rencana” sendiri
Kata “keluarga” sendiri
selalu bersinggungan
sudah tersirat dalam
sudah jelas di dalam
dengan kelahiran
kata “Berencana” di
nama “Badan
penduduk, maka dari
nama “Badan
Kependudukan dan
itu kata kelahiran
Kependudukan dan
Keluarga Berencana
menjadi salah satu Big
Keluarga Berencana
Nasional” yang
Idea.
Nasional” dan menjadi
mengarah pada
brand utama kali ini
keluarga berencana.
dari BKKBN.
11 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
BRAND IDENTITY Logo tentunya memiliki konsep dan elemen desain. Tidak hanya itu logo, juga terdapat varian logo mulai dari layout hingga warna.
12
Plan your work and work your plan. -Napoleon Hill
13 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo
LOGO CONCEPT
Background Grid System
Logo BKKBN mengangkat perencanaan
Minimum Clear Space
dan kependudukan sebagai konsep dasar.
Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
14
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
15 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo
ELEMENT DESIGN
Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
Elemen logo didominasi bentuk geometris yang membentuk simbol dan ikon tertentu. Simbol tersebut yaitu Family, Ring, Checklist, Lotus, Love, dan Roof.
FAMILY
16
RING CHECKLIST LOTUS LOVE/ ROOF
17 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background
LOTUS
Grid System
Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
melambangkan kehidupan dan kelahiran.
/ lōd s / n / The flower of the sacred
Teratai juga
lotus as a symbol in Asian art and reli-
menyimbolkan kemurnian
gion.
dan pengetahuan.
e
Minimum Clear Space
Lotus atau bunga teratai
RING / riNG / n / A small circular band, typically of precious metal and often set with one or more gemstones, worn on a finger as an ornament or a token of marriage, engagement, or authority.
Ring atau cincin adalah lambang pernikahan dan ikatan, yang tentunya berkaitan dengan kependudukan.
19 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background
CHECKLIST
Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
/ CHek.list / n / A list of
Simbol checklist menjadi
items required, things to be
lambang dari perencanaan,
done, or points to be con-
yakni yang menjadi gagasan
sidered, used as a reminder.
yang diangkat oleh BKKBN.
20
FAMILY / fam( )lē / n / A group consisting of e
two parents and their children living together as a unit.
Family atau keluarga dilambangkan dengan tiga kepala, yakni ayah, ibu, dan anak, sebagai simbol pembangunan keluarga.
CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
LOVE
Love atau cinta disimbolkan dengan hati, sebagai lambang BKKBN yang
/ l v / n / An intense feeling
melayani dengan sepenuh
of deep affection.
hati demi masyarakat yang
e
21
lebih sejahtera.
ROTATE
180
ROOF Roof atau atap menjadi lambang
/ roof / n / Used to signify a
perlindungan, yakni BKKBN yang
house or other building,
selalu setia menaungi setiap lapisan
especially in the context of
masyarakat.
hospitality or shelter.
O
23 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
BASIC BRAND COLOR
#009DA7
#7DBE77
Warna logo berupa gradasi warna biru dan hijau pada latar abu-abu. Warna biru melambangkan integritas, kepercayaan, keseimbangan, kedamaian, dan pengetahuan. Warna hijau melambangkan kehidupan dan kelahiran. Warna abu-abu melambangkan kestabilan.
25 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography
PRIMARY COLOR
Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
gradient
solid
#2bab93
SECONDARY COLOR #009da7
#00a0a4
#00a2a0
#00a59c
#01a898
PRIMARY
#3fae8f
#4eb18b
#5bb487
#67b782
#72ba7d
#7dbe77
27 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
TYPO GRAPHY METROPOLIS
BO L D ABCDEFGHIJK LM NO PQ R S T U V WXYZ a b c de fgh i j k lm n o pqr s t u vwxyz
Aa
Metropolis bold digunakan untuk menyatakan hal yang menjadi poin utama dan poin judul. Metropolis bold juga digunakan untuk huruf
Bb MEDIUM
Metropolis medium digunakan untuk body text dan tagline.
pada logo, dengan semua huruf kapital karena berupa singkatan.
A BC DEF GHI JK ab c d e fg hijk LMN OPQRSTU l mnop q rs t u V WX YZ v wx y z
BASIC TYPO
METRO POLIS Typeface yang digunakan adalah Metropolis, yakni typeface sans serif yang terkesan lebih modern dan mudah diingat dan dibaca. Kesan modern ini sesuai dengan kesan yang diangkat pada BKKBN, yang terus selaras dengan perkembangan jaman.
abcdef ghi jk lmno pqrstu vwxyz
LI GHT ABCD EFGHI JK LMN OP QRS TU VWXYZ
Cc
29 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
EXTRA LIGHT LIGHT REGULAR THIN EXTRA LIGHT ITALIC LIGHT ITALIC REGULAR ITALIC THIN ITALIC MEDIUM
SEMI BOLD BOLD BOLD ITALIC MEDIUM ITALIC SEMI BOLD ITALIC EXTRA BOLD EXTRA BOLD ITALIC BLACK BLACK ITALIC
30
31 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
TYPO GRAPHY HIERARCHY
1
SUPERGRAFIS
2
HEADER/TITLE
3
SUB-HEADER/
4
BODY COPY
KELUARGA Keluarga berencana, cukup dua anak.
*jika dibutuhkan
SUB-TITLE
Sebagaimana keluarga terbentuk tentunya memerlukan rencana yang matang agar keluarga dapat hidup dengan bahagia. Maka dari itu Badan Kependudukan dan Keluarga Berencana (BKKBN) memiliki satu program yaitu “cukup dua
HEADER
SUB-HEAD
BODY COPY
Metropolis Bold - 36 pt
Metropolis Medium - 18 pt
Metropolis Light - 12 pt
33 CONTENT
Typography
SUPER GRAPHIC
Supergraphic
Supergrafis diambil dari sebagian logo,
Varian Logo
yakni menyerupai tangan yang dibuka.
Background
Supergrafis ini menyimbolkan
Grid System
perlindungan, pemberian, serta
Minimum Clear Space
penyediaan, seperti BKKBN yang selalu
Minimum Size
siap melayani.
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color
B&W and Grayscale Incorrect logo Usage Stationery
34
35 CONTENT
Cover Introduction Moodboard Big idea
VA R I A N LOGO
Brand Identity Logo Concept Element Design Basic Brand Color
LAYOUT
Typography Supergraphic Varian Logo
BKKBN
Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
GRADIENT Pada logo warna gradient dapat diterapkan. Gradient yang digunakan merupakan gabungan warna hijau dan biru.
SOLID Warna hijau solid bisa digunakan untuk logo. Warna hijau solid ini diambil dari salah satu warna monochrome yang sudah ditentukan.
37 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color
MONOCHROME
Typography Supergraphic Varian Logo
Warna biru dan hijau bisa
Background
digunakan untuk logo. Tidak
Grid System
hanya itu, ada beberapa
Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
#009da7
varian biru dan hujau yang dapat digunakan.
#00a0a4
#00a2a0
#00a59c
#01a898
#3fae8f
#4eb18b
#5bb487
#67b782
#72ba7d
#7dbe77
39 CONTENT
Cover Introduction Moodboard Big idea
BACKGROUND
Brand Identity Logo Concept Element Design Basic Brand Color
GRADIENT BACKGROUND
Typography Supergraphic
Pada background logo warna
Varian Logo
gradient dapat diterapkan.
Background
Gradient yang digunakan
Grid System
merupakan gabungan warna
Minimum Clear Space
hijau dan biru.
Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
PICTURE BACKGROUND Logo juga cocok dengan background bergambar.
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Background logo bisa mengambil gambar dengan tema keluarga atau kependudukan, dengan mood kebersamaan dan solidaritas.
MONOCHROME BACKGROUND Warna hijau solid bisa digunakan untuk background logo. Warna hijau solid ini diambil dari salah satu warna monochrome yang sudah ditentukan.
41 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic
GRID SYSTEM
Varian Logo
Logo harus mengacu pada “Logo Grid” yang sudah ditetapkan.
Background
Dilakukan dengan perhitungan dan pertimbangan sehingga
Grid System
tercipta komposisi dan proporsi yang baik. Hal ini dilakukan
Minimum Clear Space
untuk menjaga konsistensi dan citra karakter, serta
Minimum Size
menghindari penggunaan logo yang tidak semestinya.
B&W and Grayscale Incorrect logo Usage Stationery
42
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
43 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System
MINIMUM CLEAR SPACE
Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
Dalam pengaplikasiannya, ukuran logo sangat bervariasi sesuai dengan medianya. Pada dasarnya logo yang diaplikasikan harus mudah dilihat dan tetap terbaca secara jelas dari kejauhan.
150%
150%
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
100%
100%
*Logo harus ditempatkan dalam area aman di mana ruang di sekeliling logo dibiarkan kosong dari objek lain baik gambar, bentuk, maupun tulisan.
45 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
MINIMUM SIZE
BKKBN
2.5 cm
BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
5 cm
BKKBN
10 cm
15 cm
46
*Ukuran logo tidak boleh lebih kecil dari ukuran tinggi minimum yang sudah ditentukan karena akan mengurangi keterbacaan dari jarak tertentu. Sedangkan untuk ukuran lebar harus mengikuti proporsi tinggi logo itu sendiri. Jika ukuran logo sangat kecil, slogan akan dihilangkan sebagai pertimbangan teknis untuk setiap tampilan monitor, kebutuhan multimedia, dan media cetak.
47 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
BLACK AND GRAYSCALE COLOR
D WHITE E
48
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
51 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
INCORRECT LOGO USAGE
52
T
Failing to plan is planning to fail. -Alan Lakein
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Mengganti warna
Mengganti font
logo dengan
logo dengan
warna yang tidak
font yang tidak
disarankan.
disarankan.
BKKBN BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Memperbesar
mengubah
logo tanpa skala
penempatan
yang benar.
antara logogram dengan logotype.
BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BK BA
KB
DA N K KE LU EPEN AR DU GA DU KA BE NA SIO RENC N DA N AN NA A L
N
membalik logo
memiringkan
atau me-rotate
logo pada posisi
logo.
tertentu.
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
menghilangkan
mendistorsi atau
elemen pada
mengubah
logo.
bentuk/dimensi logo.
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
mengubah
memberi
bidang logo
bayangan pada
menjadi garis.
logo.
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
meletakkan logo bewarna pada background bergambar ramai.
NBKKB NAD NAKUDUDNEPEK NADAB ANACNEREB AGRAULEK LANOISAN
me-reflect logo.
59 CONTENT
Cover Introduction
Supergraphic
STATIONERY
Varian Logo
Logo dapat diterapkan dalam berbagai
Background
media dan benda untuk memperkuat
Grid System
eksistensi kelembagaan. Beberapa
Minimum Clear Space
penerapan logo dilampirkan, seperti kartu
Minimum Size
nama, ID card, amplop, kop surat, website,
B&W and Grayscale
dan kendaraan.
Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography
Incorrect logo Usage Stationery
60
If the plan doesn’t work, change the plan, but never the goal. -Unknown
61 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic
KOP SURAT
Varian Logo Background Grid System
VARIAN WARNA.
Minimum Clear Space
Terdapat varian warna
Minimum Size
yang dapat diterapkan
B&W and Grayscale
pada kop surat.
Incorrect logo Usage Stationery
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Kepada Ketua Divisi Humas Mr. Chandra Christiawan di Jakarta Timur
Lorem ipsum
Lorem ipsum dolor sit amet, ilusam consectetur lie adipiscing elit, sed do eiusmod dev tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud asdhe exercitation ullamco laboris. Lorem ipsum dolor sit amet, ilusam consectetur lie adipiscing elit, sed do eiusmod dev tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud asdhe exercitation ullamco laboris. Lorem ipsum dolor sit amet, ilusam consectetur lie adipiscing elit, sed do eiusmod dev tempor incididunt ut labore et dolore magna aliqua.
Sir amet
Ut enim ad minim veniam, quis nostrud asdhe exercitation ullamco laboris. Lorem ipsum dolor sit amet, ilusam consectetur lie adipiscing elit, sed do eiusmod dev tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud asdhe exercitation ullamco laboris. Lorem ipsum dolor sit amet, ilusam consectetur lie adipiscing elit, sed do eiusmod dev tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud asdhe exercitation ullamco laboris.
Regards,
Mr. Donny Prawira S.Ds. Wakil Ketua Bagian Kependudukan
www.bkkbn.co.id
www.bkkbn.co.id
63 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography
KARTU NAMA
Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
VARIAN WARNA. Terdapat varian warna yang dapat diterapkan pada kartu nama.
DONNY SAGALA JABATAN
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
DONNY SAGALA JABATAN
BKKBN BADAN KEPENDUDUKAN DAN KELUARGA BERENCANA NASIONAL
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam
65 CONTENT
Cover Introduction Moodboard Big idea Brand Identity
AMPLOP
Logo Concept Element Design Basic Brand Color Typography Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
VARIAN WARNA. Terdapat varian warna yang dapat diterapkan pada amplop.
BKKBN
Jalan Yos Sudarso no. 15A
Lubuklinggau, Sumatera Selatan
Telp 0813 670 80 350
66
amplop ukuran besar.
BKKBN Jalan Yos Sudarso no. 15A Lubuklinggau, Sumatera Selatan Telp 0813 670 80 350
amplop ukuran kecil.
67 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography Supergraphic
ID CARD
Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
VARIAN WARNA. Terdapat varian warna yang dapat diterapkan pada id card.
1 4
STAFF PASS
2
DONNY SAGALA
5 6 7
JABATAN
Lorem ipsum dolor sit amet, consectetuer
3
adipiscing elit, sed diam
8
1
LOGO BKKBN
3
TAGLINE
5
NAMA
7
TAMBAHAN*
2
STAFF PASS
4
FOTO
6
JABATAN
8
BARCODE*
*Jika ada atau dibutuhkan.
69 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography
WEBSITE
Supergraphic Varian Logo Background
VARIAN WARNA.
Grid System
Terdapat varian warna
Minimum Clear Space
yang dapat diterapkan
Minimum Size
pada UI Website.
B&W and Grayscale Incorrect logo Usage Stationery
70
71 CONTENT
Cover Introduction Moodboard Big idea Brand Identity Logo Concept Element Design Basic Brand Color Typography
KENDARAAN
Supergraphic Varian Logo Background Grid System Minimum Clear Space Minimum Size B&W and Grayscale Incorrect logo Usage Stationery
VARIAN WARNA. Terdapat varian warna yang dapat diterapkan pada kendaraan BKKBN.
72
DONNY X CYNTHIA