Our
GRAPHIC STANDARD MANUAL
ISMKI
MA
A KED OK RA
N I N D O N E S IA
I K ATA N S E N AT
ISW
TE
H
AS
IKATAN SENAT MAHASISWA KEDOKTERAN INDONESIA
Table of contents 4.
Logo
16.
Color
22.
• • • • • • • •
• • • •
• • •
Main Logo Color Version of Logo Region Logo SCO Logo SCO of ISMKI Completeness Logo Logo Lockups Logo Do’s Logo Don't’s
ISMKI Logo Colors SCO Logo Colors Color Opacity & Gradient Color Palette
Font
Besley Nexa Kasting Script
26.
30.
38.
Ornament
Publication Templates
Corporate Identity
• • • • • • • • •
• • • • • •
• • •
Ribbon Indonesian Map Map of Region
Instagram Post Template Instagram Story Template Online Magazine Template Poster Do’s Poster Don't’s Video Template Cover, Intro, Content, Outro Video Do’s Video Dont’s
M.S Word Template Certificate Template M.S PowerPoint Template G-Form Template Name Card Template Envelope Template
LOGO
4
ISMKI GRAPHIC STANDARD MANUAL
WA K E D
OK RA
N I N D O N E S IA
I K ATA N S E N AT
H
IS AS
TE
MA
Main Logo
LogoGram
LogoType ISMKI GRAPHIC STANDARD MANUAL
5
Size and ratio ISMKI logo
3.000 px I K AT A N S E N AT
MA
K
ISMKI
H
AS
I SWA KEDO
K TE
RA
MA
Ikatan Senat Mahasiswa Kedokteran Indonesia
N I N D O NE S IA
I K AT A N S E N AT
1.350 px
N I N D O N E S IA
I K ATA N S E N AT
I SWA KEDO
N I N D O NE S IA
RA
1.300 px
AS
RA
OK
H
TE
H
AS
A ISW KED
TE
MA
900 px
ISMKI Ikatan Senat Mahasiswa Kedokteran Indonesia #ISMKIBersejawat
6
ISMKI GRAPHIC STANDARD MANUAL
Color Version of Logo
Original
White Version ISMKI GRAPHIC STANDARD MANUAL
7
Region Logo ISMKI logo for region 1
3.000 px
ISMKI GRAPHIC STANDARD MANUAL
MA I K AT A N S E N AT
I SWA KEDO
K
N I N D O NE S IA
8
AS
RA
ISMKI logo for region 4
H
TE
ISMKI logo for region 3
1.350 px
ISMKI logo for region 2
ISMKI Wilayah 1
SCO Logo 1.080 px
1.080 px
This is the sequence for the SCO logos, from top left to bottom right. The exception for the order of logos on the Instagram template, the ICT logo is placed at the far right after the FP logo.
The original SCO logo is circular and there is no white color on the side.
ISMKI GRAPHIC STANDARD MANUAL
9
SCO of ISMKI Complements Logo BAPIN Logo
BPN Logo
10
ISMKI GRAPHIC STANDARD MANUAL
1.350 px
1.080 px
1.350 px
1.080 px
4,650.0 px 1.350 px
1.350 px
5,000.0 px
ISMKI GRAPHIC STANDARD MANUAL
11
Logo Lockups
ISMKI Logo
Institution Logo
SCO Logo
or
ISMKI Logo
12
ISMKI GRAPHIC STANDARD MANUAL
SCO of ISMKI Complements
Event Logo
Example:
ICT
ICT
Give more attention to order, size, ratio, and distance ISMKI GRAPHIC STANDARD MANUAL
13
I K ATA N S E N AT N I N D O NE S IA
I K AT A N S E N AT
RA
MA
K
ISW
A KED
OK
N I N D O N E S IA
I SWA KEDO
AS
RA
AS
TE
H
H
TE
MA
Logo Do’s
ISMKI
AS
I SWA KEDO
K RA N I N D O NE S IA
I K AT A N S E N AT
H
TE
MA
Ikatan Senat Mahasiswa Kedokteran Indonesia
ISMKI Ikatan Senat Mahasiswa Kedokteran Indonesia #ISMKIBersejawat
14
ISMKI GRAPHIC STANDARD MANUAL
• Choose to use the logogram or logotype as needed. • Do resize by paying attention to the ratio. • Do the addition of the tagline according to the appropriate layout or If there are things that need to be changed, please contact ICT ISMKI.
Logo Dont’s ISMKI AS
I SWA KEDO
K
N I N D O N E S IA
I K AT A N S E N AT
RA
MA
H
TE
ISMKI Ikatan Senat Mahasiswa
H
AS
I SWA KEDO
K
N I N D O N E S IA
I K AT A N S E N AT
RA
MA
Kedokteran Indonesia
TE
ISMKI
H
AS
I SWA KEDO
K
N I N D O N E S IA
I K AT A N S E N AT
RA
MA
Ikatan Senat Mahasiswa Kedokteran Indonesia
TE
ISMKI
AS
I SWA KEDO
K
N I N D O N E S IA
I K AT A N S E N AT
H
RA
MA
Ikatan Senat Mahasiswa Kedokteran Indonesia
TE
• Do not resize without paying attention to the ratio. • Do not change the font. • Do not change the color of the font. • Do not add effects e.g. drop shadow. • Do not recolor. • Do not use a colored background or JPG format that the background is white. • Do not add taglines carelessly.
Ikatan Senat Mahasiswa Kedokteran Indonesia
ISMKI Ikatan Senat Mahasiswa Kedokteran Indonesia
#ISMKIBersejawat
ISMKI GRAPHIC STANDARD MANUAL
15
COLOR
16
ISMKI GRAPHIC STANDARD MANUAL
I SWA KEDO K RA N INDONE SIA
I K AT A N S E N AT
H
AS
TE
MA
ISMKI Logo Colors
ISMKI Ikatan Senat Mahasiswa Kedokteran Indonesia
#ED202A
#000000
#FFFFFF
ISMKI GRAPHIC STANDARD MANUAL
17
SCO Logo Colors #E5473C
18
#000000
#693542
#666162
#FC9D9A
#964E2B
#55CEF2
#F7B942
#72AB9D
ISMKI GRAPHIC STANDARD MANUAL
Color Opacity & Gradient
Opacity can be used on all colors Color gradients follow the color palette per month, pay attention and try to combine colors so that they are pleasing to the eye. Example of using a color gradient is in the color file.
ISMKI GRAPHIC STANDARD MANUAL
19
Colors Palette
Primary
Secondary
January
#E5473C
#FFFFFF
#F7B942
#015979
#353535
February
#015979
#FFFFFF
#F7B942
#E57E1F
#E5473C
March
#FC9D9A
#FFFFFF
#353535
#693542
#015979
April
#72AB9D
#FFFFFF
#353535
#015979
#F7B942
May
#666162
#FFFFFF
#F7B942
#55CEF2
#E5473C
June
#693542
#FFFFFF
#F7B942
#FC9D9A
#F3D5B4
20
ISMKI GRAPHIC STANDARD MANUAL
Colors Palette
Primary
Secondary
July
#964E2B
#FFFFFF
#F7B942
#55CEF2
#F3D5B4
August
#F7B942
#FFFFFF
#353535
#693542
#015979
September
#55CEF2
#FFFFFF
#353535
#F7B942
#015979
October
#9A59B5
#FFFFFF
#F7B942
#353535
#F3D5B4
November
#98B937
#FFFFFF
#353535
#015979
#693542
December
#E57E1F
#FFFFFF
#353535
#666162
#015979
ISMKI GRAPHIC STANDARD MANUAL
21
FONT
22
ISMKI GRAPHIC STANDARD MANUAL
Fonts Besley Nexa Kasting Script
: Besley Family are used for titles, highlight, or headlines. : Nexa Light is used for the usual text or full text and Nexa Bold for emphasized text. Nexa is used entirely in logos and Corporate Identity : Casting Script is used to beautify text.
Please choose the font wisely as needed. It is allowed to combine all types of fonts and use uppercase mode. The font used has a license that can be used for personal or commercial use. ISMKI GRAPHIC STANDARD MANUAL
23
Font: Besley Normal, Regular
Bold
the quick brown fox jumps over the lazy dog
the quick brown fox jumps over the lazy dog
Normal-Italic
Bold-Italic
the quick brown fox jumps over the lazy dog
the quick brown fox jumps over the lazy dog
Medium
ExtraBold
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
the quick brown fox jumps over the lazy dog
the quick brown fox jumps over the lazy dog
Medium (Italic)
ExtraBold (Italic)
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
the quick brown fox jumps over the lazy dog
the quick brown fox jumps over the lazy dog
SemiBold
Fatface (Regular-Black)
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
the quick brown fox jumps over the lazy dog
the quick brown fox jumps over the lazy dog
SemiBold (Italic)
Black (Italic)
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG
the quick brown fox jumps over the lazy dog
24
ISMKI GRAPHIC STANDARD MANUAL
THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG the quick brown fox jumps over the lazy dog
Font: Nexa Nexa Light THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG the quick brown fox jumps over the lazy dog Nexa Bold THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG the quick brown fox jumps over the lazy dog
Font: Kasting Script Regular, Normal THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG the quick brown fox jumps over the lazy dog
ISMKI GRAPHIC STANDARD MANUAL
25
ORNAMENT
26
ISMKI GRAPHIC STANDARD MANUAL
Ribbon @ismki_indonesia | www.ismki.org
#ISMKIBersejawat
@ismki_indonesia | www.ismki.org
ISMKI Wilayah 1 #ISMKIBersejawat | #DIGDAYA_ISMKI
@ismki_wilayah1 | www.wilayah1.ismki.org
ISMKI Wilayah 2 #ISMKIBersejawat | #PohonISMKI
@ismki_wilayah2 | www.wilayah2.ismki.org
ISMKI Wilayah 3 #ISMKIBersejawat | #JuangNyata
@ismki_wilayah3 | www.wilayah3.ismki.org
ISMKI Wilayah 4 #ISMKIBersejawat | #ISMKIKontributif
@ismki_wilayah4 | www.wilayah4.ismki.org
BPN
Badan Pers Nasional Ikatan Senat Mahasiswa Kedokteran Indonesia
#ISMKIBersejawat | #DedikasiBPN
@pers.ismki | www.bpn-ismki.org
BAPIN
Badan Analisis dan Pengembangan Ilmiah Nasional Ikatan Senat Mahasiswa Kedokteran Indonesia
#ISMKIBersejawat
@bapin.ismki | www.bapin.ismki.org
• Every publication design from ISMKI such as national, regional, or SCO of Completeness must use the ribbon according to its needs. • The process of resize is allowed by maintaining the ratio. • It is forbidden to add, subtract, or even change anything on the ribbon. If there are things that need to be changed, please contact ICT ISMKI. ISMKI GRAPHIC STANDARD MANUAL
27
Indonesian Map
28
ISMKI GRAPHIC STANDARD MANUAL
Map of Region
Region 1
Region 2
Region 3
Region 4
Maps are used as needed and it can be given an opacity effect. ISMKI GRAPHIC STANDARD MANUAL
29
TEMPLATE
30
ISMKI GRAPHIC STANDARD MANUAL
Instagram Post Templates
1.080 px
1.350 px
Content area It can be filled with anything in ccordance with the other GSM provisions. The base color of the background follows the primary color of the month.
4:5 Objects (vectors, bitmaps, fonts, etc.) are placed with the focus position in the center. The size of the font is adjusted according to the needs (the title is bigger than the content, etc.).
1.215 px
Logo area It can include any logo such as SCO on the right and event, another organization, or agencies that cooperate with ISMKI on the left. 135 px
135 px
100 px
10 px
10 px
• SCO logo using white circle. • The distance from the edge of the template to the side of the logo is 10 px • The distance between the logos is 10 px • Logo height size is 100 px and make logo width on mode lock ratio (The Y coordinate is 67.5 px) Ribbon area Use the appropriate region defined and don't add anything in it.
1.080 px ISMKI GRAPHIC STANDARD MANUAL
31
Instagram Story Templates 250 px
135 px
1.420 px
1.920 px
Safe zone & Logo area
9:16 10 px 10 px • SCO logo using white circle. • The distance from the edge of the template to the side of the logo is 10 px • The distance between the logos is 10 px • Logo height size is 100 px and make logo width on mode lock ratio (The Y coordinate is 67.5 px)
250 px
Safe zone & Ribbon area
1.080 px 32
100 px
ISMKI GRAPHIC STANDARD MANUAL
• The online magazine template uses A4 size in a vertical position. • Background color is white • The cover is made free to customize the design and color (primary color and secondary color).
29.7 cm or 297 mm
Online Magazine Template
A4
21 cm or 210 mm ISMKI GRAPHIC STANDARD MANUAL
33
Poster Do’s
Poster Dont’s
• Do addition appropriate fonts and always use primary colors. In a poster the use of secondary colors is only 1 color and every month it always changes. • Do color adjustments on the vector according to the primary or secondary color of the month. On bitmap, the use of black & white effects is prefer to natural effects.
• Do not use fonts and colors that are not compatible with the GMS color for that month. • Do not copyright eg vectors and bitmaps.
34
ISMKI GRAPHIC STANDARD MANUAL
Video Template Horizontal
16:9
Vertical Vs 9:16
Horizontal (16:9) • 2160p : 3.840 x 2.160 px • 1440p : 2.560 x 1.440 px • 1080p : 1.920 x 1.080 px • 720p : 1.280 x 720 px • 480p : 854 x 480 px • 360p : 640 x 360 px • 240p : 426 x 240 px
Vertical (9:16) • 2160p : 2.160 x 3.840 px • 1440p : 1.440 x 2.560 px • 1080p : 1.080 x 1.920 px • 720p : 720 x 1.280 px • 480p : 480 x 854 px • 360p : 360 x 640 px • 240p : 240 x 426 px ISMKI GRAPHIC STANDARD MANUAL
35
Cover, Intro, Content, Outro Cover is prefer to thumbnail.
Intro Horizontal (16:9) for general videos. Video cover made as attractive as possible according to GSM.
Content
1:1
Vertical (9:16) for IGTV videos. Video cover made as attractive as possible according to GSM. Contents of the cover in ratio video of 1: 1 (1,080 x 1,080 pixels) on the center.
Anothers Logo (Optional)
Outro
36
ISMKI GRAPHIC STANDARD MANUAL
Video Do’s
Video Dont’s
• Do pay attention to video ratio and quality. the ratio for horizontal is 16:9 used for general videos like YouTube and the ratio for vertical is 9:16 used for Instagram stories, IGTV, and TikTok. • Do addition video intro and outro as needed. • Do addition cinematic black bar is allowed. • Do addition of subtitles is recommended.
• Do not change the size ratio unless required for square video ratio ( 1: 1). • Do not add watermarks from video editing applications, except for the TikTok application with an ISMKI account is allowed. • Do not add fonts, colors, etc outside of GSM • Do not copyright eg song or other content.
ISMKI GRAPHIC STANDARD MANUAL
37
CORPORATE IDENTITY 38
ISMKI GRAPHIC STANDARD MANUAL
M.S Word Template Cover
Body
• Margin : 3 cm, 3 cm, 3 cm, 3 cm • Spacing • Font : Nexa After: 0 pt, before: 0 pt, • Justify line spacing: 1,5 lines ISMKI GRAPHIC STANDARD MANUAL
39
Certificate Template
40
ISMKI GRAPHIC STANDARD MANUAL
M.S PowerPoint Template Widescreen
Standard
ISMKI GRAPHIC STANDARD MANUAL
41
G-Form Template
42
ISMKI GRAPHIC STANDARD MANUAL
Name Card Template Front Side
Back Side
ISMKI GRAPHIC STANDARD MANUAL
43
Envelope Template Front Side
Back Side
44
ISMKI GRAPHIC STANDARD MANUAL
Click me ! bit.ly/FolderLogoISMKI bit.ly/GSMofISMKI
ISMKI @ 2021