VISUAL ASSETS GUIDELINES MEGAMAS TRAINING COMPANY
Believe that design system should be consistent, coherent, but not static. It will grow and evolve.
Clear. Professional. Straightforward. Modern.
This documentation is created to maintain brand relevance.
Logo
LOGO
11
MEGAMAS LOGO Stacked Logo: This is the original and preferred mark for all applications.
Logo artwork may only be reproduced directly from a (latest) digital file. It should never be reproduced from previously printed materials. LOGO CLEARSPACE To ensure legibility of the logo, it must be surrounded with a minimum amount of clearspace. This isolates the logo from competing elements such as photography, text or background patterns that may detract attention.
LOGO
12
LOGO ON DARK OR BUSY BACKGROUND Put a white/ black/ standard background coloured* box around logo while placing it on a dark or busy background. A minimum clearspace must be maintained surrounding the logo. * See Standard Colours
An entire black or white logo has been provided for those instances where the logo must print in single colour. LOGO COLOUR APPLICATION ONE-COLOUR PRINTING The entire logo prints 100% black with no screens. Alternatively, the logo may be print reversed of any background colour to white.
FOUR-COLOUR PRINTING Letters and some parts prints 100% black or reverse out of four-colour to white.
Logo should appear against a solid background to ensure maximum and proper contrast.
LOGO
13
LOGO USAGE DON’TS No elements of the logo artwork may be recreated, deleted, cropped or reconfigured. •
Do not change the logo’s orientation
•
Do not outline the logo in any colour
•
Do not bevel or emboss the logo
•
Do not add “drop-shadow” effects to the logo
•
Do not place the logo on a busy photograph or pattern
•
Do not reconfigure or change the size or placement of any logo elements
•
Do not change the logo colours
•
•
Do not crop the logo
Do not stretch or squeeze the logo to distort proportions
•
Do not present the logo on “vibrating” coloured backgrounds
•
Do not recreate the elements or replace with something else
•
Do not present logo in “outline-only” fashion
•
Do not place the logo on similarly-coloured backgrounds
BEVEL/EMBOSS
BUSY PHOTO
COLOUR OVERLAY
BUSY PATTERN
CROP
DROP SHADOW
GLOW
GRADIENT OVERLAY
ROTATE
COLOUR OUTLINE
OUTLINE
RECONFIGURE
SQUEEZE
STRETCH
VIBRATING BACKGROUND COLOUR
SIMILARLY COLOURED BACKGROUND COLOUR
Logo should appear against a solid background to ensure maximum and proper contrast. LOGO ON OTHER MEDIAS When it’s necessary to apply the logo to media other than paper or on-screen (e.g. fabric, wood, metal, glass or leather), the logo may be silk-screened, blind embossed, etched, engraved, etc.
LOGO
14
HORIZONTAL LOGO This version may be used in instances where spatial constraints require a configuration of a more horizontal nature, usually when tagline is involved. Choose the one that best suits the usage.
HORIZONTAL LAYOUT ONE
HORIZONTAL LAYOUT TWO
Surrounding imagery and context all should be considered when applying the logo. HORIZONTAL LOGO CLEARSPACE Similar to the stacked version of the logo, minimum amount of clearspace must be applied on its surrounding.
HORIZONTAL LAYOUT ONE
HORIZONTAL LAYOUT TWO
Chevron
CHEVRON
CHEVRON Chevron is the official symbol for Megamas. The origins of the symbol comes from the logo itself.
17
18
SINGLE CHEVRON
CHEVRON
CHEVRON
PATTERNED CHEVRON
19
Colours
COLOURS
23
STANDARD COLOURS These are the primary colours for Megamas. PANTONE 293C
PANTONE 294C
PANTONE 295C
PANTONE 124C
R0 G103 B177
R0 G85 B150
R0 G68 B124
R238 G177 B17
C91 M60 Y1 K0
C98 M73 Y13 K2
C100 M81 Y26 K10
C7 M31 Y100 K0
#0067B1
#005596
#00447C
#EEB111
PANTONE PROCESS BLACK C / RICH BLACK R0 G1 B4 C40 M30 Y30 K100 #000000
COMPLEMENTARY COLOURS Complementary colours is colours combined in the right proportions. When placed next to each other, they create the strongest contrast and reinforce each other. Below are the examples of how the standard colours should mix together.
INSPIRE NO HARM INSPIRE NO HARM Pantone 124C & White on Pantone 293C
INSPIRE NO HARM INSPIRE NO HARM Pantone 124C & White on Pantone 295C
INSPIRE NO HARM INSPIRE NO HARM Pantone 124C & White on Pantone 294C
INSPIRE INSPIRE INSPIRE INSPIRE INSPIRE
NO NO NO NO NO
HARM HARM HARM HARM HARM
Pantone 293C / 294C / 295C / Process Black C & White on Pantone 124C
INSPIRE NO HARM INSPIRE NO HARM INSPIRE NO HARM Pantone 293C / 124C & White on Pantone Process Black C The use of Pantone 294C & 295C is not advisible for this particular background.
Context, contrast with regards to background colour and surrounding imagery and production parameters all should be considered.
COLOURS
24
LOGO COLOUR VALUES This are the standard colours for each elements in the logo.
02 The Tower & Elements R0 G1 B4 C40 M30 Y30 K100 Process Black C #000000
01
The Sunrise R238 G177 B17 C7 M31 Y100 K0 124C #EEB111
Typefaces
TYPEFACES
27
GOUDY OLD STYLE Goudy Old Style is a timeless, elegant font. Goudy Old Style is reserved for the company’s newsletter publications. Use for headlines, quotes or whereever that will fit well. Goudy Old Style comes in regular and bold.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;?!$@*) 0123456789
Helvetica Neue Helvetica Neue is perfect for content, especially in small prints. Only use Helvetica when needed. Helvetica comes in many kinds of combinations, from thin to extra black.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;?!$@*) 0123456789
TYPEFACES
28
Gotham Gotham is used all caps on Megamas logo. Gotham is perfect for headlines. Gotham comes in thin, extra light, light, book, medium, bold, black and ultra.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;?!$@*) 0123456789
Titillium
Titillium is a nice, simple font, good for anything from headlines to text. Use Titillium whenever possible. Titillium comes in thin, light, regular, semi-bold, bold and black.
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz (.,:;?!$@*) 0123456789
Advertisement
ADVERTISEMENT
31
ADVERTISING To keep the brand in a consistent manner, Below is a guide of which element should be kept intact. ELEMENT
REQUIRED? COURSE ADS
RECRUITMENT
ANNOUNCEMENT
COVER PHOTO
/
X
X
CONTENT
/
/
/
CONTACT DETAILS
/
/
/
ACCREDITATION BAR
X
/
/
COMPANY INTRODUCTION
X
/
/
LOGO
ALWAYS KEEP INTACT
TAGLINE
ALWAYS KEEP INTACT
X marked does not mean that it should not be included at all. This guide is only applicable there’s insufficient space for the
content.
Choose a layout in a consistent manner for advertisements, depending on its content. Regardless of varieties of width and height, the placement of the cover photo, content, contact details, accreditation bar, company introduction, logo and tagline should be in place.
ADVERTISEMENT
32
STANDARD PORTRAIT LAYOUT AD This is a preferred layout for course promotions, recruitment advertisement and announcements.
1
2
3 4
5
6
7
1
2
3
4
5
6
7
COVER PHOTO
CONTENT
CONTACT DETAILS
ACCREDITATION BAR
COMPANY INTRODUCTION
LOGO
TAGLINE
ADVERTISEMENT
EXAMPLES
33
34
ADVERTISEMENT
Presentation
PRESENTATION
37
PRESENTATION SLIDES A powerpoint theme has been created specifically according to the companys’ brand. Staff are required to use this template when delivering a course, or presenting information to a client. The template consists of five layout styles, each specifically is set for certain type of information. •
Cover - Where Title of the course/ meeting is placed
•
Plain - Information will be presented with a plain background (to avoid cluttered-looking information)
•
Semi Header - Layout only needs to be used when in need of highlighting a certain topic
•
Activity - A notification of where Assessment/ Activity is held
•
Section - A notification of where a section breaks. This will give a clear idea of where/when a new topic starts
Choose a layout in a consistent manner for information delivery, depending on its content. Regardless of varieties of the length of title or the amount of information needed to be shown.
IDEAL INFORMATION PRESENTATION An ideal presentation is when the presenter highlights the important topics/ issues. These important topic/ issues needs to be presented as clearly as possible.
Create a slide show with storyboards, not a script Title & Content Style Guide Initial required to use font (see page x) is not necessary to be used specifically for presentation. ELEMENT
FONT
SIZE
TITLE
Arial
36
CONTENT
Calibri
24
38
EXAMPLES
PRESENTATION
PRESENTATION
39
Handouts
HANDOUTS
43
44
HANDOUTS
HANDOUTS
45
Newsletter
NEWSLETTER
NEWSLETTER Through newsletters we can effectively introduce readers to the brand and engage them. The newsletter consists of four sections, by which each section is needed to be included. •
‘Words From Our Managing Director’ - Where the Managing Director will provide an excerpt of what his/ her thoughts are about the company for the quarter period. It would be best to make sure that the content is relevant to the Company News that is in the issue.
•
Company News - News about the companys’ activities, awards, plans etc
•
Featured Article - Article about everything HSE. Article can be provided by the HSE Manager or anyone who is knowledgable in their field.
•
Information Sharing - Infographics or brief article of the general ideas or issues.
49
NEWSLETTER
50
NEWSLETTER LAYOUT Depending on what elements that the newsletter will carry, a hybrid layout will be an effective solution for some sections. Below is a guide of which element should and/or could be presented in fixed or fluid way.
FRONT PAGE
1
3
4
5 2
ELEMENT
LAYOUT
1
Fixed
Image placeholder size and text should be static.
Note:
NOTES
2
Fixed
Do not adjust the image placeholder.
3
Fixed
Do not edit or change anything in this Element
4
Fluid
If possible, put in maximum of 3 titles in the list
5
Fluid
If Element 4 happens to have longer list, adjust Element 5 image placeholder. Only exclude Element 5 if necessary.
refers to image placeholder.
NEWSLETTER
EXAMPLES
51
52
NEWSLETTER
Posters
POSTERS
POSTERS
55
56
POSTERS