K ement er i a n Pendidikan dan Keb uda y a a n
Gra p hi c S t a nda rd Ma nua l by Silvana Novia Sari
Table of Content
01 I n t r o d u c t i o n 4 Kem enterian Pendidikan dan K eb udayaan 5 L ogo Ph ilosoph y 6
02 L o g o D e s i g n
7
Primary L ogo 8 Secondary L ogo 10 G r eyscale L ogo 12 C lear Space 14
03 B r a n d C o l o r s
16
C olor G u ide 16 C olor Usage 18
04 T y p o g r a p h y C andara 25 Aven ir 26
24
05 L o g o R e g u l a t i o n
28
I n c o r r ec t U s ag e 2 9
06 A p p l i c a t i o n S a m p l e s S tationar y 3 3 Fab r ic 4 1 Others 4 5
32
01
Introduction
Introduction
Ministry of Education and Culture
Kem enterian P endidi ka n d a n Kebudayaan
INTRODUCTION
A government ministry which organise early childhood education, elementary education, secondary education and community education affairs and the management of culture within the Indonesian government. The ministry formerly organise higher education affairs until the presidency of Joko Widodo where higher education affairs was transferred to the Ministry of Research, Technology and Higher Education.
V
Introduction
Logo Philosophy
INTRODUCTION
Five (5) parts symbolizing Pancasila
04
The pentagon shape following the shield of pancasila representing the insurance offered by the nation.
The logo tells the idea of an education that is supported and based by the culture of Indonesia that is represented in the ideology of Pancasila as the esssential guide of the nation. The five (panca) sila integrate into one continuous ribbon portraying the endless dynamic process of education, founded then resulting in culture, interconnecting unceasingly with one another, supporting one another, forming a strong affiliation. Blue represents reliability, responsibility, and integrity. It inspires idealism and devotion. Black represents protection. Its neutral quality is suitable to accomodate the youth that is still discovering their identity and goal through learning. Secondary color turquoise inspires energy filled with creativity and inspiration.
LOGO DESIGN 05
02
Logo Design
Logo Design
Primary Logo
LOGO DESIGN
K e m e n te r i a n Pendidikan dan K e b ud a y a a n
08
Mini mu m Siz e Ke me n t e r i an Pendidikan dan Ke b uday aan
The smallest size logo should have the height of 20 mm.
LOGO DESIGN
The primary logo of Kementerian Pendidikan dan Kebudayaan consists of the logogram and logotype. The sans serif logotype with tittle case format gives is clear and easy to read, as well as giving a warm, friendly image. The logogram is clear and solid.
09
The primary logo is applied for primary branding applications. It is the trademark that represents Kementerian Pendidikan dan Kebudayaan and act as an essential identification tools for the institution. Accordingly, to guarantee a constant image of the brand, the guidelines for the logo application should be treated with utmost care and respect.
Logo Design
Secondary Logo
Kementerian Pendidikan dan K e b ud a y a a n
Minim um Siz e
LOGO DESIGN
Ke m e nteri an Pendidikan dan Ke b u dayaan
10
The smallest size logo should have the width of 30 mm.
a)
Ke
i
n dan K e
menteri
Pendid
bu
an
ka
dayaan
c)
b)
The secondary logo is used when the design and proportion of the main logo cannot compliment the designated application, however it is not to be positioned right next to or within the same application as the main logo (e.g. if a page has the main logo, the secondary logo must not be used as a repetition). The circular design as in a) and b) can be use as a stand alone when there is no neccessity for a full logo to be presented or when the name of the institution already has a clear display. The design as in c) can also be applied for such cases bearing in mind that there must not be any repetition of the brand name.
Logo Design
Greyscale Logo
A logo has two versions for applications; the coloured logo and the greyscale logo. The greyscale version of the logo can be used when it is inappropiate or if it is not neccessary to use a colored version. There threee type of greyscale logos that can be applied as shown on I, II, III.
I
II
Logo 90% black III
Background 50% black
Logo 50% black Background 90% black
Logo Design
Clear Space
LOGO DESIGN
To ensure the brand legibility and visual standout, a minimum clear space is defined along the logo. The clear zone acts as a safe area into which no graphic elements, text, or other brandmarks can be placed to avoid overcrowding of the brand.
14
The minimum clears space is defined as x which is the height of the letter K of the logo. The minimum space must be maintained as the logo is proportionally resized.
1/2x
x
x
Kementri an Pendidikan dan Keb uday aa n 1/2x
x
LOGO DESIGN
x
15
Ke m e nt r ian Pendidikan dan Ke buda y aan
x
Color is an integral part of branding. Colors helps to convey the message implied in a logo. Thus the use of colors in the logo application must remain constant according to the color guide. Persistent use of color increase the recognisability of a brand.
03
Brand Colors
Blue represents reliability, responsibility, and integrity. It inspires idealism and devotion. Black represents protection. Its neutral quality is suitable to accomodate the youth that is still discovering their identity and goal through learning. Secondary color turquoise inspires energy filled with creativity and inspiration.
Brand Colors
ColorGuide
#086FB9
#003E70
#45B4B6
#404041
#6D6E70
#939597
#FFFFF
C 100 M 52 Y 0 K 0
C 100 M 52 Y 0 K 50
C 63 M0 Y 26 K 8
C 0 M0 Y 0 K 90
C 0 M0 Y 0 K 70
C 0 M0 Y 0 K 50
C 0 M0 Y 0 K 0
R 0 G 111 B 186
R 0 G 63 B 112
R 71 G 181 B 183
R 65 G 64 B 66
R 109 G 110 B 113
R 147 G 149 B 152
R 255 G 255 B 255
Brand Colors
Color Usage
There is specific rules for the color application of the logo. The image of a, b, c, d, e, f shows example of the correct usage of the colors; For usage in coloured background, use a greyscale version of the logo. There is two variations that may be applied: - If the background color has a dark shade, as in a) and f), use the ( III ) version of the logo with 50% black (see Greyscale Logo). - If the background color has a light shade, as in b), c), and e), the logo use the ( II ) version of the logo with 90% black (see Greyscale Logo).
For white background, the logo can be used in its formal colored version or can be use in its greyscale ( I ) version as seen in the example on the Greyscale Logo. The logograph must use white when placed on coloured background, and in 70% or less version of black on white background. It is not allowed to use 90% black for the typeface, except when absolutely neccssary (for example, for visibility reasons). Coloured typeface are allowed in typeface when used as a tittle or highlight in text.
a)
b)
K e m e n t e ri a n Pendidikan dan K e b ud a y a a n
d)
c)
Kementeria n Pendidikan dan Kebuda ya a n
e)
K e m e n t e ri a n Pendidikan dan K e b ud a y a a n
Kemente rian Pendidikan dan Kebuda yaan
f)
Kementeria n Pendidikan dan Kebuda ya a n
Kemente rian Pendidikan dan Kebuda yaan
a)
b)
c)
K e m e n t er i an Pendidikan dan K e b ud a yaan
K ementeria n Pendidikan dan K eb uda ya a n
Kementerian Pendidikan dan Kebudayaan
The logo can be used on a photographical background. The rule of application is similar to the rule for coloured background, with the exception that a fully coloured logo maybe applied for very bright imagery as seen in the example c) in this page.
A few tips for photographical application of the logo: - Use image with clear negative space or shallow dept-of-field.
BRAND COLORS
- Avoid using overcrowded image.
21
It is important to pay attention that the logo and the image does not compete or ubstruct with each other so that each of its elements can be clearly seen.
- To increase visibility, a black overlay layer can be placed on top of the image. It is also acceptable to blur the image.
Elementary School (SD)
Middle School (SMP)
BRAND COLORS
High School (SMA)
22
The elementary school logo uses a combination of the primary color blue and the secondary color turquoise to portray active and fun spirit that inspires creativity and innovation, motivating them to pursue their dreams.
BRAND COLORS
The middle school logo uses a combination of the primary color blue and the secondary color dark blue. Middle school bridge the stage between the lively elementary school phase and the comparatively more mature high school phase, thus represented by the gradation of colors.
23
The high school logo uses a combination of the primary color blue and the secondary color grey to represent a calmer more mature stage of students, preparing them to enter a more advance stage in their education.
Bold
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ()/?:;”&*%$#@+-_><.,
Regular
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ()/?:;”&*%$#@+-_><.,
04
Typography
Typography
Candara
AaBbCb123 Bold
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
AaBbCb123 Regular
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
AaBbCb123 Italic
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
TYPOGRAPHY
totam rem aperiam, eaque ipsa quae ab illo inventore
25
AaBbCb123 Bold Italic
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore
Typography
Avenir
Black
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ()/?:;”&*%$#@+-_><.,
TYPOGRAPHY
Light
26
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 ()/?:;”&*%$#@+-_><.,
AaBbCb123 Black
Sed ut perspiciatis unde omnis iste natus error
sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab
AaBbCb123 Medium
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
AaBbCb123 Light
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
TYPOGRAPHY
AaBbCb123
27
Light Oblique
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo
05
Logo Regulation
To ensure the brand legibility and visual standout, a minimum clear space is defined along the logo. The clear zone acts as a safe area into which no graphic elements, text, or other brandmarks can be placed to avoid overcrowding of the brand. The minimum clears space is defined as x
a)
b)
LOGO REGULATION
Ke Pen m e n t e K e bdidikan r i a n u d a dan yaa n
29
Do not rotate any or whole part of the logo
c)
Kementerian Pendidikan dan Kebudayaan
Kementerian Pendidikan dan Ke b u d ay aan
Do not squash or stretch the logo
Do not resize any part
d)
e)
f)
g)
Kem en t er i an Pendidikan dan Keb ud ay aan Keme nte ria n Pendidikan dan Keb uda ya a n
Avoid the use of drop shadow or other text styles
i)
Do not use transparency on the logo
j)
i
menteri
Ke
n dan K e
K e me nte ria n Pendidikan dan K e buda ya a n
Pendid
ka
an
Kementerian Pendidikan dan Kebudayaan
dayaan
h)
Use only colors mentioned in the guide
K e me nte ria n Pendidikan dan K e buda ya a n
bu
Do not rearrange the element of the logo. Refer only to the compositions in the guide.
K e me nte ria n Pendidikan dan K e buda ya a n
Kementerian Pendidikan dan K e b ud a y a a n
LOGO REGULATION
Homepage
30
Never place any elements inside the logo
Do not place any graphic elements inside the clear space of the logo
Do not use logo variations in the same page
l)
k)
K e me nte ria n Pendidikan dan K e buda ya a n
Kem en t er i an Pendidikan dan Keb ud ay aan
n)
Do not use different greyscale compositions
o)
Ke m e nt e ri a n Pendidikan dan Ke b uda y a a n
LOGO REGULATION
K e me nte ria n Pendidikan dan K e buda ya a n
Only place the logo on top of contrasting background color
Do not use one color logo. Follow the guide for color allowed variations
31
m)
Never contain the logo within a box
Kem en t er ian Pendidikan dan Keb u d ay aan
Avoid placing the logo on an overcrowded image or composistions.
06
Application Sample
Application Samples
Stationary
Application Samples
STATIONARY
Fabric
41
Application Samples
Other
46
STATIONARY
49
STATIONARY
Kementeria n Pendidikan dan K ebuda ya a n 201 7
Graphic S t a nda rd Ma nua l