IMDA Brandbook
- No tags were found...
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
Brand<br />
Guidelines
<strong>IMDA</strong> BRAND GUIDELINES<br />
Content<br />
Introduction<br />
As we embark on a new milestone with<br />
a brand new identity, the guidelines in<br />
this booklet will help ensure the essence<br />
and intent of <strong>IMDA</strong> shall be respected<br />
and appreciated. It serves as a guide for<br />
implementing the brand identity both<br />
within and beyond the organisation.<br />
Brand Story<br />
Belief Statement<br />
Vision & Mission<br />
Values & Positioning<br />
Brand Identifiers<br />
01 Logo<br />
02 Logo Variations<br />
03 Logo Guidelines<br />
06 Tagline & Hashtag<br />
07 Boilerplate<br />
08 Brand Colours<br />
09 Typography<br />
10 Imagery<br />
Brand Applications<br />
(Corporate)<br />
12 Communication<br />
Graphics Guidelines<br />
13 Print Media<br />
23 Digital Media<br />
26 Logo Animation<br />
27 Presentation<br />
Templates<br />
30 Stationery<br />
Brand Applications<br />
(Sub-Brand)<br />
36 Sub-Brand<br />
Logo Guidelines<br />
40 Print Media<br />
50 Digital Media<br />
Brand Applications<br />
(Event)<br />
55 Event Logo<br />
Guidelines<br />
57 Print Media<br />
Brand Applications<br />
(Co-Partnership)<br />
59 Co-Partnership<br />
Logo Guidelines<br />
61 Print Media
<strong>IMDA</strong> BRAND GUIDELINES<br />
C<br />
Brand Story<br />
In the world that we now inhabit,<br />
change is so bewildering that it is<br />
measured in nano seconds. In such a<br />
fascinating world, transformation has<br />
to be embraced.<br />
As Singapore’s Chief Digital Office,<br />
the Infocomm Media Development<br />
Authority is the body that will lead<br />
and inspire the digital transformation<br />
of the national economy. By harnessing<br />
technology, we will build a Smart<br />
Nation that propels individuals and<br />
businesses into new heights<br />
of unprecedented growth.<br />
We do this by seeking and welcoming<br />
partnerships with the industry,<br />
community and other government<br />
agencies. For we are mindful that<br />
this quest towards Smart Nationhood<br />
requires collaboration.<br />
www.imda.gov.sg/about/what-we-do
<strong>IMDA</strong> BRAND GUIDELINES<br />
D<br />
Belief Statement<br />
Speed of digital transformation<br />
requires us to disrupt ourselves or<br />
be disrupted to stay globally relevant<br />
and remain as a cohesive society.<br />
We need to compete for growth/<br />
opportunity so that our people can<br />
aspire for a better life together.<br />
Vision<br />
A dynamic digital economy and<br />
a cohesive digital society driven<br />
by an exceptional infocomm and<br />
media ecosystem<br />
Mission<br />
Drive Singapore’s digital<br />
transformation with ICM
<strong>IMDA</strong> BRAND GUIDELINES<br />
E<br />
Values<br />
Integrity | Collaboration<br />
Innovation | Care & Respect<br />
Positioning<br />
“<strong>IMDA</strong> is the gateway to growing<br />
the infocomm media sector that<br />
will empower a thriving future for<br />
Singapore and Singaporeans.”
<strong>IMDA</strong> BRAND GUIDELINES<br />
Brand<br />
Identifiers<br />
01 Logo<br />
02 Logo Variations<br />
03 Logo Guidelines<br />
- Background Applications<br />
- Restricted Zone<br />
- Minimum Size<br />
- Incorrect Usage<br />
06 Tagline & Hashtag<br />
07 Boilerplate<br />
08 Brand Colours<br />
09 Typography<br />
10 Imagery<br />
- Style<br />
- Misuse
<strong>IMDA</strong> BRAND GUIDELINES<br />
1<br />
Logo<br />
The inverse fonts of “I” and “M” make<br />
up the key elements of the <strong>IMDA</strong> logo.<br />
The letter “I” is framed by an open<br />
window, showing how infocomm media<br />
can open a world of possibilities for all.<br />
The letter “M” is created with three<br />
triangles representing people, industry<br />
and government working together.<br />
Our colours represent the way we will<br />
fulfil our mission. Red depicts passion,<br />
while purple signifies creativity and<br />
innovation. Passion, creativity and<br />
innovation are how we can empower<br />
possibilities for all.<br />
Collectively, the <strong>IMDA</strong> logo symbolises<br />
a world of opportunities that we can<br />
create for Singapore by bringing the<br />
government, industry and people<br />
together to harness the potential of<br />
infocomm media in a digital world.
<strong>IMDA</strong> BRAND GUIDELINES<br />
2<br />
Logo Variations<br />
Primary Logo<br />
Variations of the logo can be used<br />
for different purposes.<br />
The primary logo will be used on english<br />
platforms.<br />
The chinese logo will be used on chinese<br />
platforms.<br />
The international logo will be used on<br />
international platforms.<br />
For special occasions where gold or<br />
silver is the main theme, the <strong>IMDA</strong><br />
logo can adopt the gold or silver<br />
colour befitting the occasion.<br />
Chinese Logo<br />
International Logo<br />
Gold Logo<br />
Silver Logo
<strong>IMDA</strong> BRAND GUIDELINES<br />
3<br />
Logo Guidelines<br />
Full Colour Logo against greyscale background<br />
Background Applications<br />
Examples of <strong>IMDA</strong> logos on<br />
coloured backgrounds.<br />
0% black value 50% 100%<br />
Reverse White Logo against coloured background<br />
Note:<br />
The gold and silver <strong>IMDA</strong> logo can<br />
only be used on black or white<br />
coloured backgrounds.<br />
Black or reverse white logo on black and white print application<br />
0% black value 50% 100%<br />
Gold Logo (on white)<br />
Gold Logo (on black)<br />
0% black value 50% 100%<br />
Silver Logo (on white)<br />
Silver Logo (on black)<br />
0% black value 50% 100%
<strong>IMDA</strong> BRAND GUIDELINES<br />
Logo Guidelines<br />
4<br />
Restricted Zone<br />
Minimum clearance around the logo<br />
is based on the height of this triangle.<br />
It is important that there is clear space<br />
around the <strong>IMDA</strong> logo. This will give it<br />
more prominence and allow it to stand<br />
out. A minimum clear space area is<br />
defined by the downward triangle graphic<br />
in the logo. When the logo is placed over<br />
an image, ensure that the background is<br />
free of clutter. Areas of solid colour are<br />
best for legibility.<br />
Minimum Size<br />
To ensure legibility, a minimum size<br />
restriction has been placed on the logo.<br />
In these circumstances, consideration<br />
should be given to legibility and the<br />
reproduction method being used.<br />
Minimum Size<br />
Cap height: 7mm
<strong>IMDA</strong> BRAND GUIDELINES<br />
Logo Guidelines<br />
5<br />
Incorrect Usage<br />
This section gives a sampling of common<br />
usage violations where the guidelines are<br />
not followed.<br />
The configuration and<br />
proportions of the logo must<br />
never be changed or modified<br />
in a way not stipulated in this<br />
guideline.<br />
The colours of the logo<br />
should never be changed<br />
or modified.<br />
Always use the correct<br />
resolution when using<br />
the logo.<br />
Logo should be reversed<br />
white against dark coloured<br />
backgrounds.<br />
Do not reproduce the<br />
logo at sizes smaller than<br />
the allowable minimum<br />
size stipulated in this<br />
guideline.<br />
In instances where there<br />
is a cluttered background,<br />
opt for a reversed white<br />
logo. Ensure a high<br />
contrast between logo<br />
and background for<br />
visibility.
<strong>IMDA</strong> BRAND GUIDELINES<br />
6<br />
Tagline<br />
The brand tagline encapsulates the brand<br />
premise which is to open up a world of<br />
opportunities to individuals, community<br />
and government.<br />
It should be incorporated in any print or<br />
broadcast materials whenever possible.<br />
English version<br />
EMPOWERING POSSIBILITIES<br />
Chinese version<br />
Hashtag<br />
On social media platforms, incorporating<br />
the #empoweringpossibilities hashtag<br />
in <strong>IMDA</strong> related content can help<br />
strengthen the brand, increase traction<br />
and encourage conversation.<br />
English version<br />
#empoweringpossibilities<br />
Chinese version<br />
#
<strong>IMDA</strong> BRAND GUIDELINES<br />
7<br />
Boilerplate<br />
This paragraph can be included for <strong>IMDA</strong><br />
related materials such as press releases,<br />
media fact sheets, etc. In such instances,<br />
the boilerplate should end with:<br />
“For more news and information,<br />
visit www.imda.gov.sg or follow <strong>IMDA</strong><br />
on Facebook <strong>IMDA</strong>sg and Twitter<br />
@<strong>IMDA</strong>sg.”<br />
The Infocomm Media Development Authority (<strong>IMDA</strong>) leads Singapore’s digital<br />
transformation with infocomm media. To do this, <strong>IMDA</strong> will develop a dynamic digital<br />
economy and a cohesive digital society, driven by an exceptional infocomm media (ICM)<br />
ecosystem – by developing talent, strengthening business capabilities, and enhancing<br />
Singapore’s ICM infrastructure. <strong>IMDA</strong> also regulates the telecommunications and media<br />
sectors to safeguard consumer interests while fostering a pro-business environment, and<br />
enhances Singapore’s data protection regime through the Personal Data Protection Commission.
<strong>IMDA</strong> BRAND GUIDELINES<br />
8<br />
Brand Colours<br />
Most of <strong>IMDA</strong>’s applications use<br />
red and purple as primary colours.<br />
Secondary colours include blue, yellow,<br />
orange and green.<br />
The gradient colour palette is<br />
implemented to add flexibility for visuals.<br />
Primary Colour<br />
Red<br />
PANTONE 185C<br />
C0 M100 Y95 K0<br />
Location: 0%<br />
C70 M95 Y5 K0<br />
Location: 65%<br />
Purple<br />
PANTONE 526C<br />
C70 M95 Y5 K0<br />
Location: 100%<br />
After extensive testing, these values have<br />
been optimised to suit the gradations and<br />
should be used at all times.<br />
Secondary Colour<br />
Important:<br />
Colours should always be used at<br />
100% opacity.<br />
Green<br />
PANTONE 340C<br />
C80 M10 Y75 K0<br />
Location: 0%<br />
C70 M10 Y60 K0<br />
Location: 0%<br />
Blue<br />
PANTONE 306C<br />
C70 M5 Y0 K0<br />
Location: 100%<br />
Gradation Slider’s Location: 45°<br />
Orange<br />
PANTONE 715C<br />
C0 M50 Y90 K0<br />
Location: 0%<br />
C0 M48 Y98 K0<br />
Location: 0%<br />
C10 M88 Y90 K0<br />
Location: 65%<br />
Red<br />
PANTONE 185C<br />
C0 M100 Y95 K0<br />
Location: 0%<br />
Yellow<br />
PANTONE Yellow C<br />
C5 M5 Y90 K0<br />
Location: 0%<br />
Green<br />
C80 M5 Y55 K0<br />
Location: 100%<br />
C80 M5 Y55 K0<br />
Location: 80%
<strong>IMDA</strong> BRAND GUIDELINES<br />
9<br />
Typography<br />
We recommend using four specific<br />
weights: Avenir Black, Avenir Heavy<br />
Avenir Medium and Avenir Roman for<br />
flexibility across all mediums.<br />
Avenir Black, Heavy, Medium can be<br />
used for headlines. Avenir Medium<br />
and Roman can be used for body copy.<br />
Always opt for Avenir Heavy for<br />
hashtag and Avenir Black for social<br />
media username. Avenir Heavy is used<br />
for endorsement lines.<br />
English Version<br />
Aa Aa<br />
Avenir Black<br />
Avenir Heavy<br />
Aa<br />
Aa<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
1234567890<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
1234567890<br />
Our alternate English typeface is Arial.<br />
It can be used as a substitute when<br />
Avenir is not available in certain<br />
software platforms.<br />
Avenir Medium<br />
Avenir Roman<br />
Chinese Version<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
1234567890<br />
ABCDEFGHIJKLMNOPQRSTUVWXYZ<br />
abcdefghijklmnopqrstuvwxyz<br />
1234567890<br />
字 字<br />
一 二 三 四 五 六 七 八 九 十<br />
一 二 三 四 五 六 七 八 九 十
<strong>IMDA</strong> BRAND GUIDELINES<br />
10<br />
Imagery<br />
Style<br />
The photographic style of <strong>IMDA</strong> should<br />
depict a positive way of life amongst<br />
people in Singapore. Its imagery should<br />
reflect its core brand attributes such<br />
as how technology can benefit us and<br />
support our way of life.<br />
The photography should range from<br />
businesses and family to technology.<br />
Imagery should capture authentic<br />
interactions and expressions between<br />
people who happen to be caught in<br />
a moment.
<strong>IMDA</strong> BRAND GUIDELINES<br />
Imagery<br />
11<br />
Misuse<br />
Avoid imagery where people appear to<br />
be posing as this loses the spontaneity<br />
of capturing a moment in time.<br />
In all cases, people, environment and<br />
objects should appear realistic and not<br />
overly manicured or staged.<br />
However, in the case of a testimonial<br />
where the subject is featured such as<br />
a live interview, the subject may look<br />
into camera.<br />
Avoid device-focused images that don’t tell a<br />
human story.<br />
Avoid images that are not Singaporean-centric.<br />
Avoid people photography that is<br />
unspontaneous and contrived.<br />
Facial expressions should evoke a mood -<br />
either fun/engaging or inspiring, not sadness.
<strong>IMDA</strong> BRAND GUIDELINES<br />
Brand<br />
Applications<br />
(Corporate)<br />
Communication Graphics - Open Window Element<br />
is only applicable in this section.<br />
12 Communication<br />
Graphics Guidelines<br />
- Open Window Element<br />
13 Print Media<br />
- Newspapers<br />
- Magazines<br />
- Posters<br />
- Flyers<br />
- Pull-up Banners<br />
23 Digital Media<br />
- Electronic Direct Mailers<br />
- Electronic Newsletters<br />
- Web Banners<br />
(Static, Animated)<br />
26 Logo Animation<br />
27 Presentation Templates<br />
30 Stationery<br />
- Namecard<br />
- Envelope<br />
- Letterhead<br />
- Staff Pass<br />
- Corporate Folder<br />
- Tent Card
<strong>IMDA</strong> BRAND GUIDELINES<br />
12<br />
Communication<br />
Graphics Guidelines<br />
Open Window Element<br />
Open window<br />
Our brand communication graphics,<br />
also referred to as “open window”,<br />
is our distinctive recognisable element<br />
that unifies our brand communication<br />
system. Here are some examples of<br />
how the open window element should<br />
be applied.<br />
1<br />
LOREM IPSUM DOLOR<br />
SIT AMET CONSECTETUR<br />
2<br />
LOREM IPSUM DOLOR<br />
SIT AMET CONSECTETUR<br />
Important:<br />
1 The open window element should be left aligned<br />
and applied to all headlines.<br />
4<br />
The height of the open window element follows<br />
the height of the headline.<br />
2<br />
The space between the open window element<br />
and the headline is equivalent to the width of the<br />
open window.<br />
The open window element should be positioned<br />
after the last letter of the headline.<br />
3<br />
x<br />
38x<br />
3 The width of the open window element should be<br />
approximately 1/28 the width of the artwork.<br />
4 The width of the open window element should be<br />
approximately 1/38 the width of the artwork.<br />
x<br />
28x
<strong>IMDA</strong> BRAND GUIDELINES<br />
13<br />
Print Media<br />
Newspapers<br />
32.7cm x 54cm | Full Page<br />
This is a typical layout of a full page<br />
newspaper advertisement.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Social media information to be kept at the<br />
bottom-left of artwork.<br />
3 Hashtag to be placed below social media<br />
information.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 50pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 15pt<br />
Left Align<br />
4 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
Social Media:<br />
Avenir Black, minimum 15pt<br />
2 4<br />
Hashtag:<br />
Avenir Heavy, minimum 18pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
3<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
14<br />
Newspapers<br />
27.3cm x 37cm | Junior Page<br />
This is a typical layout of a junior page<br />
newspaper advertisement.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Social media information to be kept at the<br />
bottom-left of artwork.<br />
3 Hashtag to be placed below social media<br />
information.<br />
4 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 12pt<br />
Left Align<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Social Media:<br />
Avenir Black, minimum 12pt<br />
Hashtag:<br />
Avenir Heavy, minimum 15pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
2 4<br />
3<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
15<br />
Newspapers<br />
32.7cm x 27cm | Half Page<br />
1<br />
10mm<br />
This is a typical layout of a half page<br />
newspaper advertisement.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Social media information to be kept at the<br />
bottom-left of artwork.<br />
3 Hashtag to be placed below social media<br />
information.<br />
4 Logo width should be at least 1/5 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 12pt<br />
Left Align<br />
Social Media:<br />
Avenir Black, minimum 12pt<br />
Hashtag:<br />
Avenir Heavy, minimum 15pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
2<br />
3<br />
4<br />
5x<br />
x<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
16<br />
Magazines<br />
21cm x 29.7cm | A4 Size<br />
1<br />
10mm<br />
This is a typical layout of an A4 size<br />
magazine advertisement.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Social media information to be kept at the<br />
bottom-left of artwork.<br />
3 Hashtag to be placed below social media<br />
information.<br />
4 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 10pt<br />
Left Align<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Social Media:<br />
Avenir Black, minimum 8pt<br />
2<br />
4<br />
Hashtag:<br />
Avenir Heavy, minimum 10pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
3<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
17<br />
Posters<br />
42cm x 59.4cm | A2 Size<br />
1<br />
10mm<br />
This is a typical layout of an A2 size<br />
poster.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Social media information to be kept at the<br />
bottom-left of artwork.<br />
3 Hashtag to be placed below social media<br />
information.<br />
4 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 60pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 20pt<br />
Left Align<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Social Media:<br />
Avenir Black, minimum 17pt<br />
2<br />
4<br />
Hashtag:<br />
Avenir Heavy, minimum 20pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
3<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
18<br />
Flyers<br />
21cm x 29.7cm | A4 Size<br />
Front<br />
This is a typical layout of an A4 size<br />
front cover for flyers.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
2 Hashtag to be kept at the bottom-left of<br />
artwork.<br />
3 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
3<br />
Hashtag:<br />
Avenir Heavy, minimum 10pt<br />
#empoweringpossibilities<br />
2<br />
#empoweringpossibilities<br />
Reverse Black Version<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
19<br />
Flyers<br />
21cm x 29.7cm | A4 Size<br />
Back<br />
1<br />
10mm<br />
This is a typical layout of an A4 size<br />
back cover for flyers.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 Social media information will be placed on the<br />
back page.<br />
Subheader:<br />
Avenir Roman, minimum 12pt<br />
Left Align<br />
LOREM IPSUM DOLOR<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT:<br />
Curabitur bibendum id ligula eget<br />
Phasellus et augue vel est dictum maximus<br />
Vestibulum in arcu iaculis, pulvinar<br />
Integer ac interdum risus tellus nulla<br />
Nullam finibus nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT<br />
VESTIBULUM IN ARCU IACULIS<br />
PELLENTESQUE:<br />
Curabitur bibendum id ligula eget<br />
Fulfil either one of the following:<br />
• Phasellus et augue vel est dictum<br />
• Integer ac interdum risus tellus nulla<br />
pulvinar<br />
• Phasellus et augue vel est dictum<br />
nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
*Curabitur bibendum<br />
Headline:<br />
Avenir Roman, minimum 16pt<br />
Left Align or Center Align<br />
Subheader:<br />
Avenir Black, minimum 10pt<br />
Left Align or Center Align<br />
Body Copy:<br />
Avenir Roman, minimum 8pt<br />
Left Align<br />
2<br />
<strong>IMDA</strong>sg imda.gov.sg info@imda.gov.sg<br />
Social Media:<br />
Avenir Black, minimum 7pt<br />
Center Align
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
20<br />
Flyers<br />
9.9cm x 21cm | DL Size<br />
Front<br />
This is a typical layout of a DL size<br />
front cover for flyers.<br />
1<br />
5mm<br />
1<br />
Minimum Clear Space: Margins are set at 5mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Hashtag to be kept at the bottom-left of<br />
artwork.<br />
3 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
TEMPOR<br />
Headline:<br />
Avenir Medium, minimum 22pt<br />
Uppercase, Left Align<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
TEMPOR<br />
3<br />
Hashtag:<br />
Avenir Heavy, minimum 8pt<br />
2<br />
#empoweringpossibilities<br />
4x<br />
2<br />
x<br />
#empoweringpossibilities<br />
Reverse Black Version
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
21<br />
Flyers<br />
9.9cm x 21cm | DL Size<br />
Back<br />
1<br />
5mm<br />
This is a typical layout of a DL size<br />
back cover for flyers.<br />
1<br />
Minimum Clear Space: Margins are set at 5mm.<br />
2 Social media information will be placed on the<br />
back page.<br />
LOREM IPSUM DOLOR<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT:<br />
Curabitur bibendum id ligula eget<br />
Phasellus et augue vel est dictum maximus<br />
Vestibulum in arcu iaculis, pulvinar<br />
Integer ac interdum risus tellus nulla<br />
Nullam finibus nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
Headline:<br />
Avenir Roman, minimum 12pt<br />
Left Align or Center Align<br />
Subheader:<br />
Avenir Black, minimum 8pt<br />
Left Align or Center Align<br />
Body Copy:<br />
Avenir Roman, minimum 7.5pt<br />
Left Align<br />
Subheader:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT<br />
VESTIBULUM IN ARCU IACULIS<br />
PELLENTESQUE:<br />
Curabitur bibendum id ligula eget<br />
Fulfil either one of the following:<br />
• Phasellus et augue vel est dictum<br />
• Integer ac interdum risus tellus nulla<br />
pulvinar<br />
• Phasellus et augue vel est dictum<br />
nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
*Curabitur bibendum<br />
2<br />
<strong>IMDA</strong>sg<br />
imda.gov.sg<br />
info@imda.gov.sg<br />
Social Media:<br />
Avenir Black, minimum 7pt<br />
Center Align
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
22<br />
Pull-up Banners<br />
84cm x 200cm<br />
x<br />
4x<br />
This is a typical layout of a pull-up banner.<br />
1<br />
45mm<br />
2<br />
1<br />
Minimum Clear Space: Margins are set at 45mm.<br />
This clear space is not applicable to the open<br />
window element.<br />
2 Logo width should be at least 1/4 of the width of<br />
the visual, excluding the clearance space.<br />
3 Social media information and hashtag to be<br />
placed below body copy.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Headline:<br />
Avenir Medium, minimum 110pt<br />
Uppercase, Left Align<br />
4 Keep a minimum clear space of 220mm to<br />
ensure readability for readers.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Body Copy:<br />
Avenir Medium, minimum 70pt<br />
Left Align<br />
Social Media:<br />
Avenir Black, minimum 60pt<br />
Center Align<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Nulla nec sapien non lorem varius hendrerit. Proin efficitur,<br />
velit eget rhoncus semper, libero magna imperdiet felis, eu<br />
posuere ante arcu vitae leo. Morbi pulvinar consectetur<br />
tortor, in aliquet lectus scelerisque sed.<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Nulla nec sapien non lorem varius hendrerit. Proin efficitur,<br />
3<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
velit eget rhoncus semper, libero magna imperdiet felis, eu<br />
posuere ante arcu vitae leo. Morbi pulvinar consectetur<br />
tortor, in aliquet lectus scelerisque sed.<br />
Hashtag:<br />
Avenir Heavy, minimum 70pt<br />
Center Align<br />
4<br />
220mm<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Reverse Black Version
<strong>IMDA</strong> BRAND GUIDELINES<br />
23<br />
Digital Media<br />
Electronic Direct Mailers<br />
600px by 1000px<br />
1<br />
36px<br />
Electronic direct mailers (EDMs) can<br />
be used as invitation to events and<br />
seminars. The example on this page<br />
illustrates a typical layout for an <strong>IMDA</strong><br />
programme EDM.<br />
EVENT<br />
NAME<br />
HERE<br />
Headline:<br />
Avenir Black, minimum 30pt<br />
Uppercase, Left Align<br />
1<br />
Clear Space: Margins are set at 36px.<br />
This clear space is not applicable to the<br />
open window element.<br />
TIME: LOREM IPSUM<br />
VENUE: LOREM IPSUM<br />
Subheader:<br />
Avenir Black, minimum 20pt<br />
Uppercase, Left Align<br />
2 <strong>IMDA</strong> logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
TITLE HERE: LOREM IPSUM AMT,<br />
CONSECTETUR ADIPISCING ELIT<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut accumsan nulla a<br />
tortor viverra facilisis. Sed consequat pellentesque leo, nec finibus augue. Fusce<br />
eget faucibus turpis. Mauris maximus cursus sapien a bibendum. Suspendisse ut<br />
felis elementum, gravida lacus non, pulvinar orci. Proin condimentum dolor<br />
elementum est semper blandit. Quisque interdum, metus vel pharetra varius,<br />
diam enim convallis magna, nec gravida felis sapien eget odio. Ut quis ligula.<br />
Subheader:<br />
Avenir Black, minimum 18pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
Contact Information:<br />
Avenir Roman, minimum 10pt<br />
<strong>IMDA</strong>sg<br />
Tel (65) 6211 0088 Fax (65) 6211 1316<br />
Website imda.gov.sg<br />
2<br />
Social Media:<br />
Avenir Black, minimum 8pt<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
24<br />
Electronic Newsletters<br />
600px by 1200px<br />
Electronic newsletters are a great<br />
way to keep people updated with the<br />
latest information. When designing the<br />
newsletter, these guidelines should be<br />
followed to be consistent with<br />
the brand persona.<br />
3<br />
1<br />
22px<br />
LOREM IPSUM<br />
2<br />
36px<br />
Header:<br />
Avenir Black, minimum 22pt<br />
Uppercase, Center Align<br />
Headline:<br />
Avenir Black, minimum 22pt<br />
Uppercase, Center Align<br />
1<br />
Keep to a 2 column grid of 22px gutter layout.<br />
2 Clear Space: Margins are set at 36px.<br />
3 This section of clear space can be used<br />
for header.<br />
4<br />
<strong>IMDA</strong> logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
NEWS OF THE WEEK<br />
TITLE:<br />
LOREM IPSUM<br />
Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit.<br />
Ut accum nulla a tortor vive<br />
facilisis mauris maximus<br />
cursus. sapien a bibendum.<br />
Suspendisse ut felis.<br />
Read More<br />
Subheader:<br />
Avenir Black, minimum 14pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
Button:<br />
Avenir Roman, minimum 12pt<br />
Center Align<br />
TITLE: LOREM IPSUM<br />
Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Ut accum nulla a tortor<br />
vive facilisis mauris maximus cursus.<br />
Read More<br />
TITLE: LOREM IPSUM<br />
Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Ut accum nulla a tortor<br />
vive facilisis mauris maximus cursus.<br />
Read More<br />
Contact Information:<br />
Avenir Roman, minimum 10pt<br />
<strong>IMDA</strong>sg<br />
Tel (65) 6211 0088 Fax (65) 6211 1316<br />
Copyright © Info-communications Media Development Authority<br />
4<br />
Social Media:<br />
Avenir Black, minimum 8pt<br />
4x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
25<br />
Web Banners (Static)<br />
320px by 50px (top)<br />
300px by 250px (bottom)<br />
1<br />
10px<br />
Here are some examples of how <strong>IMDA</strong><br />
digital advertisement banners will look<br />
like. The key to an effective digital<br />
advertisement banner is keeping the<br />
visuals and content simple. It is important<br />
to maintain a visual hierarchy of imagery,<br />
headline, call to action, followed by the<br />
<strong>IMDA</strong> logo and tagline. Ensure that the<br />
button is always positioned after<br />
the headline.<br />
Button:<br />
Avenir Black,<br />
minimum 8.5pt<br />
Center Align<br />
LOREM IPSUM DOLOR SIT AMET MAURIS<br />
Click Here To Find Out More<br />
2<br />
5x<br />
x<br />
Headline:<br />
Avenir Roman, minimum 10pt<br />
Uppercase, Left Align<br />
1<br />
10px<br />
1<br />
Minimum Clear Space: Margins are set at 10px.<br />
2 <strong>IMDA</strong> logo width should be at least 1/5<br />
of the width of the visual, excluding the<br />
clearance space.<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
Headline:<br />
Avenir Roman, minimum 12pt<br />
Uppercase, Left Align<br />
Button:<br />
Avenir Black,<br />
minimum 8.5pt<br />
Center Align<br />
Click Here To Find Out More<br />
#empoweringpossibilities<br />
2<br />
Hashtag:<br />
Avenir Heavy, minimum 8pt<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
Click Here To Find Out More<br />
#empoweringpossibilities<br />
Reverse Black<br />
5x<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
25<br />
Web Banners (Animated)<br />
Digital advertisement banners<br />
can be more visually appealing by<br />
incorporating animations. Here is an<br />
example illustrating the sequence of an<br />
animated banner.<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR<br />
EMPOWERING POSSIBILITIES.<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR<br />
#empoweringpossibilities<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR<br />
#empoweringpossibilities
<strong>IMDA</strong> BRAND GUIDELINES<br />
26<br />
Logo Animation<br />
For multimedia and web communications,<br />
the 3-second animated logo is preferred<br />
over the static logo unless there is limited<br />
time. Please use the animated logo files<br />
included in the brand assets.
<strong>IMDA</strong> BRAND GUIDELINES<br />
27<br />
Presentation<br />
Templates<br />
As with the rest of our communication<br />
materials, powerpoint presentations<br />
should reflect the distinctive image of the<br />
<strong>IMDA</strong> brand. Note that the <strong>IMDA</strong> logo is<br />
always placed at the bottom right hand<br />
corner of the template.<br />
Title Slide<br />
Option 1<br />
Option 2<br />
End Slide<br />
Option 1<br />
Option 2
<strong>IMDA</strong> BRAND GUIDELINES<br />
28<br />
Presentation<br />
Templates<br />
Divider Slide Option 1<br />
As with the rest of our communication<br />
materials, powerpoint presentations<br />
should reflect the distinctive image of the<br />
<strong>IMDA</strong> brand. Note that the <strong>IMDA</strong> logo is<br />
always placed at the bottom right hand<br />
corner of the template.<br />
Divider Slide Option 2
<strong>IMDA</strong> BRAND GUIDELINES<br />
29<br />
Presentation<br />
Templates<br />
Content Slide Option 1<br />
As with the rest of our communication<br />
materials, powerpoint presentations<br />
should reflect the distinctive image of the<br />
<strong>IMDA</strong> brand. Note that the <strong>IMDA</strong> logo is<br />
always placed at the bottom right hand<br />
corner of the template.<br />
Content Slide Option 2
<strong>IMDA</strong> BRAND GUIDELINES<br />
30<br />
Stationery<br />
Namecard<br />
8.5cm x 5.5cm<br />
English version<br />
1<br />
5mm<br />
Font: Avenir Black, 8pt<br />
1<br />
Clear Space: Margins are set at 5mm.<br />
2 “IM” hallmark to be set at 50mm and kept at<br />
the bottom-right of artwork.<br />
3 Height of expression to also be 50mm.<br />
SOPHIA GOH<br />
Assistant Manager<br />
Human Capital Development<br />
10 Pasir Panjang Road<br />
#10-01 Mapletree Business City<br />
Singapore 117438<br />
2 3<br />
#empoweringpossibilities<br />
T<br />
D<br />
E<br />
(65) 6211 0088<br />
(65) 6211 1316<br />
sophia_goh@imda.gov.sg<br />
www.imda.gov.sg<br />
International version<br />
Font: Avenir Roman, 7.5pt<br />
Font:<br />
,<br />
7.5pt<br />
SOPHIA GOH<br />
Assistant Manager<br />
Human Capital Development<br />
蔡 美 珠<br />
助 理 经 理<br />
10 Pasir Panjang Road<br />
#10-01 Mapletree Business City<br />
Singapore 117438<br />
T (65) 6211 0088<br />
D (65) 6211 1316<br />
E sophia_goh@imda.gov.sg<br />
www.imda.gov.sg<br />
Font:<br />
M 简 黑 , 7.5pt
<strong>IMDA</strong> BRAND GUIDELINES<br />
Stationery<br />
31<br />
Envelope<br />
22cm x10cm<br />
x<br />
4x<br />
1<br />
Clear Space: Margins are set at 10mm.<br />
1<br />
10mm<br />
2 Logo width should be at least 1/4 of the width<br />
of the visual, excluding the clearance space.<br />
2<br />
3 Clear Space: Margins are set at W: 15mm,<br />
H: 7.5mm.<br />
INFOCOMM MEDIA DEVELOPMENT AUTHORITY<br />
3 Fusionopolis Way, #16-22 Symbiosis, Singapore 138633<br />
10 Pasir Panjang Road, #10-01 Mapletree Business City, Singapore 117438<br />
Telephone<br />
(65) 6377 3800<br />
Fax<br />
(65) 6577 3888<br />
Website<br />
www.imda.gov.sg<br />
Font:<br />
Avenir Black, 8pt<br />
3<br />
W: 15mm, H: 7.5mm<br />
Font: Avenir Roman, 8pt
<strong>IMDA</strong> BRAND GUIDELINES<br />
Stationery<br />
32<br />
Letterhead<br />
21cm x 29.7cm<br />
1<br />
W: 20mm, H: 13mm<br />
1<br />
Clear Space: Margins are set at W: 20mm,<br />
H: 13mm.<br />
2 Logo width is set at 50mm.<br />
2<br />
3 Clear Space: Margins are set at W: 20mm,<br />
H: 10mm.<br />
INFOCOMM MEDIA DEVELOPMENT AUTHORITY<br />
Font:<br />
Avenir Black, 8pt<br />
3 Fusionopolis Way, #16-22 Symbiosis, Singapore 138633<br />
10 Pasir Panjang Road, #10-01 Mapletree Business City, Singapore 117438<br />
Telephone<br />
(65) 6377 3800<br />
Fax<br />
(65) 6577 3888<br />
Website<br />
www.imda.gov.sg<br />
Font:<br />
Avenir Roman, 8pt<br />
3<br />
W: 20mm, H: 10mm
<strong>IMDA</strong> BRAND GUIDELINES<br />
Stationery<br />
33<br />
Staff Pass<br />
5.4cm x 8.6cm<br />
1<br />
W: 5.2mm, H: 7.5mm<br />
1<br />
Clear Space: Margins are set at W: 5.2mm,<br />
H: 7.5mm.<br />
2 Clear Space: Margins are set at W: 12mm,<br />
H: 5.2mm.<br />
3 Clear Space: Margins are set at W: 18mm,<br />
H: 10.7mm.<br />
4<br />
4 Logo width is set at 43mm.<br />
Font:<br />
Avenir Black, 120pt<br />
Font:<br />
Avenir Black, 13pt<br />
Font:<br />
Avenir Black, 8pt<br />
2 W: 12mm, H: 5.2mm<br />
3 W: 18mm, H: 10.7mm
#empoweringpossibilities<br />
<strong>IMDA</strong> BRAND GUIDELINES<br />
Stationery<br />
34<br />
Corporate Folder<br />
21cm x 29.7cm (closed)<br />
29.7cm x 42cm (open)<br />
1<br />
15mm<br />
1<br />
Clear Space: Margins are set at 15mm.<br />
2 Logo width is set at 50mm.<br />
3 Logo width is set at 60mm.<br />
EMPOWERING<br />
POSSIBILITIES<br />
Font:<br />
Avenir Black, 30pt<br />
2<br />
Lorem ipsum dolor sit amet, consectetur adipiscing<br />
elit. Ut accumsan nulla a tortor viverra facilisis. Sed<br />
consequat pellentesque leo, nec finibus augue.<br />
Fusce eget faucibus turpis. Mauris maximus cursus<br />
sapien a bibendum. Suspendisse ut felis elementum,<br />
gravida lacus non, pulvinar orci. Proin condimentum<br />
dolor elementum est semper blandit.<br />
INFOCOMM MEDIA DEVELOPMENT<br />
AUTHORITY OF SINGAPORE<br />
10 Pasir Panjang Road<br />
#10-01 Mapletree Business City<br />
Singapore 117438<br />
Tel (65) 6211 0088<br />
www.imda.gov.sg<br />
3<br />
Font:<br />
Avenir Roman, 8pt<br />
Font:<br />
Avenir Black,<br />
8pt<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities<br />
Hashtag:<br />
Avenir Heavy, 11pt
<strong>IMDA</strong> BRAND GUIDELINES<br />
Stationery<br />
35<br />
Tent Card<br />
29.7cm x 7.4cm (closed)<br />
29.7cm x 21cm (open)<br />
1<br />
Clear Space: Margins are set at W: 20mm,<br />
H: 6mm.<br />
2 Logo width is set at 40mm.<br />
ADELINE LIM GEK LIAN<br />
INFOCOMM MEDIA DEVELOPMENT AUTHORITY<br />
2<br />
Font:<br />
Avenir Black, 55pt<br />
Font:<br />
Avenir Medium, 30pt<br />
1<br />
W: 20mm, H: 6mm<br />
ADELINE LIM GEK LIAN<br />
INFOCOMM MEDIA DEVELOPMENT AUTHORITY<br />
ADELINE LIM GEK LIAN<br />
INFOCOMM MEDIA DEVELOPMENT AUTHORITY
<strong>IMDA</strong> BRAND GUIDELINES<br />
H<br />
Brand<br />
Applications<br />
(Sub-Brand)<br />
36 Sub-Brand Logo<br />
Guidelines<br />
- ‘IM’ Hallmark Placement<br />
- Spacing<br />
- Colours<br />
- Logos<br />
- Endorsement Lines<br />
- Logo Placement<br />
50 Digital Media<br />
- Electronic Direct Mailers<br />
- Electronic Newsletters<br />
- Web Banners<br />
(Static, Animated)<br />
40 Print Media<br />
- Newspapers<br />
- Magazines<br />
- Posters<br />
- Flyers<br />
- Pull-up Banners
<strong>IMDA</strong> BRAND GUIDELINES<br />
36<br />
Sub-Brand Logo<br />
Guidelines<br />
‘IM’ Hallmark Placement<br />
The ‘IM’ hallmark is carried through all<br />
subsidiary logos. The restricted zone and<br />
minimum size rule is consistently applied<br />
across all sub-brands (refer to page 4).<br />
Always ensure the ‘IM’ hallmark comes<br />
before and not after the sub-brand logo.<br />
Correct Usage<br />
Incorrect Usage
<strong>IMDA</strong> BRAND GUIDELINES<br />
Sub-Brand Logo Guidelines<br />
37<br />
Spacing<br />
The negative space of the letter ‘M’<br />
in the ‘IM’ hallmark should be used as<br />
the spacing between the hallmark and<br />
sub-brand.<br />
Colours<br />
The colour of the ‘IM’ hallmark should<br />
always complement the sub-brand<br />
colour. For example, the grey in the<br />
‘IM’ hallmark complements the vibrant<br />
colours used in the IMPixelStudios logo<br />
as shown in the first diagram.<br />
The second diagram features a<br />
dull-looking dark red coloured ‘IM’<br />
hallmark, which portrays an incorrect<br />
image of IMPixelStudios.<br />
Correct Usage<br />
Incorrect Usage
<strong>IMDA</strong> BRAND GUIDELINES<br />
Sub-Brand Logo Guidelines<br />
38<br />
Logos<br />
Here are all <strong>IMDA</strong> sub-brand logos.
<strong>IMDA</strong> BRAND GUIDELINES<br />
Sub-Brand Logo Guidelines<br />
39<br />
Endorsement Lines<br />
Endorsement lines are used to clarify<br />
<strong>IMDA</strong>’s involvement in a particular<br />
relationship. These situations are when<br />
our role is secondary, but essential to<br />
the partner relationship.<br />
Ensure that a clearance space area is<br />
kept. The minimum clearance space<br />
is defined by 1/2 the height of the<br />
downward triangle graphic in the<br />
logo. The endorsement lines should<br />
be left aligned with the logo.<br />
Endorsement Line<br />
Lorem Ipsum:<br />
x<br />
Minimum clearance for the descriptor text is<br />
based on the height of this triangle.<br />
1/2x<br />
Logo Placement<br />
The spacing between <strong>IMDA</strong> logo<br />
and sub-brand logo is defined by the<br />
height of the downward triangle in<br />
<strong>IMDA</strong> logo.<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
40<br />
Print Media<br />
Newspapers<br />
32.7cm x 54cm | Full Page<br />
This is a typical layout of a full page<br />
newspaper advertisement.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 50pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 15pt<br />
Left Align<br />
An Initiative of:<br />
2<br />
Presented By:<br />
3<br />
Endorsement Line:<br />
Avenir Heavy, minimum 9pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
41<br />
Newspapers<br />
27.3cm x 37cm | Junior Page<br />
This is a typical layout of a junior page<br />
newspaper advertisement.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 12pt<br />
Left Align<br />
An Initiative of:<br />
2 3<br />
Presented By:<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
42<br />
Newspapers<br />
32.7cm x 27cm | Half Page<br />
1<br />
10mm<br />
This is a typical layout of a half page<br />
newspaper advertisement.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/5<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque. Morbi ultricies<br />
enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla volutpat, ullamcorper nulla<br />
eget, mollis mauris. Pellentesque id diam a nisl aliquam tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 12pt<br />
Left Align<br />
An Initiative of:<br />
2 3<br />
Presented By:<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
5x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
43<br />
Magazines<br />
21cm x 29.7cm | A4 Size<br />
1<br />
10mm<br />
This is a typical layout of an A4 size<br />
magazine advertisement.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 10pt<br />
Left Align<br />
An Initiative of:<br />
2<br />
Presented By:<br />
3<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
44<br />
Posters<br />
42cm x 59.4cm | A2 Size<br />
1<br />
10mm<br />
This is a typical layout of an A2 size<br />
poster.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 60pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 20pt<br />
Left Align<br />
An Initiative of:<br />
2<br />
Presented By:<br />
3<br />
Endorsement Line:<br />
Avenir Heavy, minimum 14pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
45<br />
Flyers<br />
21cm x 29.7cm | A4 Size<br />
Front<br />
This is a typical layout of an A4 size<br />
front cover for flyers.<br />
1<br />
10mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vitae fermentum neque.<br />
Morbi ultricies enim at lectus lobortis, vel pulvinar ipsum elementum. Vivamus id nulla<br />
volutpat, ullamcorper nulla eget, mollis mauris. Pellentesque id diam a nisl aliquam<br />
tristique, mauris ne turpisiultricie.<br />
Headline:<br />
Avenir Medium, minimum 30pt<br />
Uppercase, Left Align<br />
An Initiative of:<br />
2<br />
Presented By:<br />
3<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
46<br />
Flyers<br />
21cm x 29.7cm | A4 Size<br />
Back<br />
1<br />
10mm<br />
This is a typical layout of an A4 size<br />
back cover for flyers.<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 Social media information will be placed on the<br />
back page.<br />
Subheader:<br />
Avenir Roman, minimum 12pt<br />
Left Align<br />
LOREM IPSUM DOLOR<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT:<br />
Curabitur bibendum id ligula eget<br />
Phasellus et augue vel est dictum maximus<br />
Vestibulum in arcu iaculis, pulvinar<br />
Integer ac interdum risus tellus nulla<br />
Nullam finibus nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT<br />
VESTIBULUM IN ARCU IACULIS<br />
PELLENTESQUE:<br />
Curabitur bibendum id ligula eget<br />
Fulfil either one of the following:<br />
• Phasellus et augue vel est dictum<br />
• Integer ac interdum risus tellus nulla<br />
pulvinar<br />
• Phasellus et augue vel est dictum<br />
nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
*Curabitur bibendum<br />
Headline:<br />
Avenir Roman, minimum 16pt<br />
Left Align or Center Align<br />
Subheader:<br />
Avenir Black, minimum 10pt<br />
Left Align or Center Align<br />
Body Copy:<br />
Avenir Roman, minimum 8pt<br />
Left Align<br />
2<br />
<strong>IMDA</strong>sg imda.gov.sg info@imda.gov.sg<br />
Social Media:<br />
Avenir Black, minimum 7pt<br />
Center Align
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
47<br />
Flyers<br />
9.9cm x 21cm | DL Size<br />
Front<br />
This is a typical layout of a DL size<br />
front cover for flyers.<br />
1<br />
5mm<br />
1<br />
Minimum Clear Space: Margins are set at 10mm.<br />
2 <strong>IMDA</strong> logo to be kept at the bottom-left<br />
of artwork. Logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 Sub-brand logo to be kept at the bottom-right<br />
of artwork. The “IM” hallmark height of the<br />
sub-brand logo should be similar to <strong>IMDA</strong> logo.<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
TEMPOR<br />
Headline:<br />
Avenir Medium, minimum 22pt<br />
Uppercase, Left Align<br />
2 3<br />
An Initiative of: Presented By:<br />
2<br />
Endorsement Line:<br />
Avenir Heavy, minimum 7pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
48<br />
Flyers<br />
9.9cm x 21cm | DL Size<br />
Back<br />
1<br />
5mm<br />
This is a typical layout of a DL size<br />
back cover for flyers.<br />
1<br />
Minimum Clear Space: Margins are set at 5mm.<br />
2 Social media information will be placed on the<br />
back page.<br />
LOREM IPSUM DOLOR<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT:<br />
Curabitur bibendum id ligula eget<br />
Phasellus et augue vel est dictum maximus<br />
Vestibulum in arcu iaculis, pulvinar<br />
Integer ac interdum risus tellus nulla<br />
Nullam finibus nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
Headline:<br />
Avenir Roman, minimum 12pt<br />
Left Align or Center Align<br />
Subheader:<br />
Avenir Black, minimum 8pt<br />
Left Align or Center Align<br />
Body Copy:<br />
Avenir Roman, minimum 7.5pt<br />
Left Align<br />
Subheader:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
LOREM IPSUM<br />
LOREM IPSUM DOLOR SIT AMET<br />
CONSECTETUR ADIPISCING ELIT<br />
VESTIBULUM IN ARCU IACULIS<br />
PELLENTESQUE:<br />
Curabitur bibendum id ligula eget<br />
Fulfil either one of the following:<br />
• Phasellus et augue vel est dictum<br />
• Integer ac interdum risus tellus nulla<br />
pulvinar<br />
• Phasellus et augue vel est dictum<br />
nibh id turpis ultricies<br />
Phasellus et augue vel est dictum maximus<br />
Pellentesque accumsan lacinia nisi*<br />
Maecenas vel leo venenatis<br />
*Curabitur bibendum<br />
2<br />
<strong>IMDA</strong>sg<br />
imda.gov.sg<br />
info@imda.gov.sg<br />
Social Media:<br />
Avenir Black, minimum 7pt<br />
Center Align
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
49<br />
Pull-up Banners<br />
84cm x 200cm<br />
x<br />
4x<br />
This is a typical layout of a pull-up banner.<br />
1<br />
Minimum Clear Space: Margins are set at 45mm.<br />
An Initiative of:<br />
2<br />
3<br />
Presented By:<br />
1<br />
45mm<br />
Endorsement Line:<br />
Avenir Heavy, minimum 35pt<br />
Left Align<br />
2 <strong>IMDA</strong> logo width should be at least 1/4 of the<br />
width of the visual, excluding the clearance space.<br />
3 The “IM” hallmark height of the sub-brand logo<br />
should be similar to <strong>IMDA</strong> logo.<br />
4 Social media information and hashtag to be placed<br />
below body copy.<br />
5 Keep a minimum clear space of 220mm to ensure<br />
readability for readers.<br />
LOREM IPSUM DOLOR<br />
CONSECTETUR ADIPISCING<br />
ELITALIQUAM TEMPOR<br />
IPSUM LABORUM<br />
Headline:<br />
Avenir Medium, minimum 110pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Medium, minimum 70pt<br />
Left Align<br />
Social Media:<br />
Avenir Black, minimum 60pt<br />
Center Align<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit.<br />
Nulla nec sapien non lorem varius hendrerit. Proin efficitur,<br />
velit eget rhoncus semper, libero magna imperdiet felis, eu<br />
posuere ante arcu vitae leo. Morbi pulvinar consectetur<br />
tortor, in aliquet lectus scelerisque sed.<br />
Hashtag:<br />
Avenir Heavy, minimum 70pt<br />
Center Align<br />
5<br />
220mm<br />
4<br />
<strong>IMDA</strong>sg<br />
#empoweringpossibilities
<strong>IMDA</strong> BRAND GUIDELINES<br />
50<br />
Digital Media<br />
Electronic Direct Mailers<br />
600px by 1000px<br />
1<br />
36px<br />
Electronic direct mailers (EDMs) can<br />
be used as invitation to events and<br />
seminars. The example on this page<br />
illustrates a typical layout for an <strong>IMDA</strong><br />
programme EDM.<br />
EVENT<br />
NAME<br />
HERE<br />
Headline:<br />
Avenir Black, minimum 30pt<br />
Uppercase, Left Align<br />
1<br />
Clear Space: Margins are set at 36px.<br />
2 <strong>IMDA</strong> logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 The “IM” hallmark height of the<br />
sub- brand logo should be similar to<br />
<strong>IMDA</strong> logo.<br />
TIME: LOREM IPSUM<br />
VENUE: LOREM IPSUM<br />
TITLE HERE: LOREM IPSUM AMT,<br />
CONSECTETUR ADIPISCING ELIT<br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut accumsan nulla a<br />
tortor viverra facilisis. Sed consequat pellentesque leo, nec finibus augue. Fusce<br />
eget faucibus turpis. Mauris maximus cursus sapien a bibendum. Suspendisse ut<br />
felis elementum, gravida lacus non, pulvinar orci. Proin condimentum dolor<br />
elementum est semper blandit. Quisque interdum, metus vel pharetra varius,<br />
diam enim convallis magna, nec gravida felis sapien eget odio. Ut quis ligula.<br />
Subheader:<br />
Avenir Black, minimum 20pt<br />
Uppercase, Left Align<br />
Subheader:<br />
Avenir Black, minimum 18pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
An Initiative of:<br />
2 3<br />
Presented By:<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
51<br />
Electronic Newsletters<br />
1<br />
22px<br />
600px by 1200px<br />
Electronic newsletters are a great<br />
way to keep people updated with the<br />
latest information. When designing the<br />
newsletter, these guidelines should be<br />
followed to be consistent with the<br />
brand persona.<br />
3<br />
LOREM IPSUM<br />
2<br />
36px<br />
Header:<br />
Avenir Black, minimum 22pt<br />
Uppercase, Center Align<br />
Headline:<br />
Avenir Black, minimum 22pt<br />
Uppercase, Center Align<br />
1<br />
Keep to a 2 column grid of 22px gutter layout.<br />
2 Clear Space: Margins are set at 36px.<br />
3 This section of clear space can be used<br />
for header.<br />
4<br />
5<br />
<strong>IMDA</strong> logo width should be at least 1/4<br />
of the width of the visual, excluding the<br />
clearance space.<br />
The “IM” hallmark height of the sub-brand<br />
logo should be similar to <strong>IMDA</strong> logo.<br />
NEWS OF THE WEEK<br />
TITLE:<br />
LOREM IPSUM<br />
Lorem ipsum dolor sit amet,<br />
consectetur adipiscing elit.<br />
Ut accum nulla a tortor vive<br />
facilisis mauris maximus<br />
cursus. sapien a bibendum.<br />
Suspendisse ut felis.<br />
Read More<br />
Subheader:<br />
Avenir Black, minimum 14pt<br />
Uppercase, Left Align<br />
Body Copy:<br />
Avenir Roman, minimum 10pt<br />
Left Align<br />
Button:<br />
Avenir Roman, minimum 12pt<br />
Center Align<br />
TITLE: LOREM IPSUM<br />
Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Ut accum nulla a tortor<br />
vive facilisis mauris maximus cursus.<br />
Read More<br />
TITLE: LOREM IPSUM<br />
Lorem ipsum dolor sit amet, consectetur<br />
adipiscing elit. Ut accum nulla a tortor<br />
vive facilisis mauris maximus cursus.<br />
Read More<br />
4<br />
An Initiative of:<br />
Presented By:<br />
5<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
4x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
52<br />
Web Banners (Static)<br />
320px by 250px<br />
Here are some examples of how <strong>IMDA</strong><br />
digital advertisement banners will look<br />
like. The key to an effective digital<br />
advertisement banner is keeping the<br />
visuals and content simple. It is important<br />
to maintain a visual hierarchy of imagery,<br />
headline, call to action, followed by the<br />
<strong>IMDA</strong> logo and tagline. Ensure that the<br />
button is always positioned after<br />
the headline.<br />
LOREM IPSUM<br />
DOLOR<br />
CONSECTETUR<br />
ADIPISCING<br />
ELITALIQUAM<br />
1<br />
10px<br />
Headline:<br />
Avenir Roman, minimum 12pt<br />
Uppercase, Left Align<br />
1<br />
Minimum Clear Space: Margins are set at 10px.<br />
2 <strong>IMDA</strong> logo width should be at least 1/5<br />
of the width of the visual, excluding the<br />
clearance space.<br />
3 The “IM” hallmark height of the sub-brand<br />
logo should be similar to <strong>IMDA</strong> logo.<br />
Button:<br />
Avenir Black,<br />
minimum 8.5pt<br />
Center Align<br />
2<br />
An Initiative of:<br />
Click Here To Find Out More<br />
#empoweringpossibilities<br />
Presented By:<br />
3<br />
Hashtag:<br />
Avenir Heavy, minimum 8pt<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
x<br />
5x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
53<br />
Web Banners (Static)<br />
320px x 50px (top)<br />
728px x 90px (bottom)<br />
1<br />
10px<br />
Here are some examples of how <strong>IMDA</strong><br />
digital advertisement banners will look<br />
like. The key to an effective digital<br />
advertisement banner is keeping the<br />
visuals and content simple. It is important<br />
to maintain a visual hierarchy of imagery,<br />
headline, call to action, followed by the<br />
<strong>IMDA</strong> logo and tagline. Ensure that the<br />
button is always positioned after<br />
the headline.<br />
1<br />
Minimum Clear Space: Margins are set at 10px.<br />
2 Sub-brand logo should be at least 1/5 of<br />
the width of the visual, excluding the<br />
clearance space.<br />
3 <strong>IMDA</strong> logo width should be at least 1/7<br />
of the width of the visual, excluding the<br />
clearance space.<br />
Button:<br />
Avenir Black,<br />
minimum 8.5pt<br />
Center Align<br />
Headline:<br />
Avenir Roman,<br />
minimum 18pt<br />
Uppercase,<br />
Left Align<br />
Button:<br />
Avenir Heavy,<br />
minimum 16pt<br />
Center Align<br />
LOREM IPSUM DOLOR SIT AMET MAURIS<br />
Click Here To Find Out More<br />
2<br />
5x<br />
LOREM IPSUM DOLOR SIT AMET MAURIS<br />
Click Here To Find Out More<br />
7x<br />
3<br />
x<br />
An Initiative of:<br />
x<br />
Presented By:<br />
Headline:<br />
Avenir Roman, minimum 10pt<br />
Uppercase, Left Align<br />
Endorsement Line:<br />
Avenir Heavy, minimum 8pt<br />
Left Align<br />
4<br />
1<br />
10px<br />
4 The “IM” hallmark height of the sub-brand<br />
logo should be similar to <strong>IMDA</strong> logo.
<strong>IMDA</strong> BRAND GUIDELINES<br />
Digital Media<br />
54<br />
Web Banners (Animated)<br />
Digital advertisement banners<br />
can be more visually appealing by<br />
incorporating animations. Here is an<br />
example illustrating the sequence of an<br />
animated banner.<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR<br />
EMPOWERING POSSIBILITIES.<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR<br />
LOREM IPSUM DOLOR SIT AMET CONSECTETUR ELIT<br />
MAURIS EU SEM NEC AUGUE FERMENTUM AUCTOR
Brand<br />
Applications<br />
(Event)<br />
55 Event Logo Guidelines<br />
- Endorsement Lines<br />
- Logo Placement<br />
- Logo Size<br />
57 Print Media<br />
- Portrait<br />
- Landscape
<strong>IMDA</strong> BRAND GUIDELINES<br />
55<br />
Event Logo<br />
Guidelines<br />
Endorsement Lines<br />
Endorsement lines are used to clarify<br />
<strong>IMDA</strong>’s involvement in a particular<br />
relationship. These situations are when<br />
our role is secondary, but essential to<br />
the partner relationship.<br />
Ensure that a clearance space area is<br />
kept. The minimum clearance space<br />
is defined by 1/2 the height of the<br />
downward triangle graphic in the<br />
logo. The endorsement lines should<br />
be left aligned with the logo.<br />
Endorsement Line<br />
Lorem Ipsum:<br />
x<br />
Minimum clearance for the descriptor text is<br />
based on the height of this triangle.<br />
1/2x<br />
Logo Placement<br />
The spacing between <strong>IMDA</strong> logo<br />
and sub-brand logo is defined by the<br />
height of the downward triangle in<br />
<strong>IMDA</strong> logo.<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Event Logo Guidelines<br />
56<br />
Logo Size<br />
The <strong>IMDA</strong> logo should always be given<br />
prominence and appear visually bigger<br />
over partner logos.<br />
Lorem Ipsum:<br />
Logo clearance space must be adhered<br />
to at all times, but whenever possible, it<br />
is good to leave more clearance space<br />
than the minimum required. Ensure that<br />
the minimum size rule is kept.<br />
Logo 1<br />
Logo 2<br />
Logo 3 Logo 4 Logo 5 Logo 6
<strong>IMDA</strong> BRAND GUIDELINES<br />
57<br />
Print Media<br />
Portrait<br />
This is how the <strong>IMDA</strong> logo should look<br />
like on a portrait print advertisement.<br />
Ensure that clearance space and<br />
minimum logo size is adhered. The <strong>IMDA</strong><br />
logo should be visually bigger over<br />
partner logos.<br />
Lorem Ipsum:<br />
Logo 1<br />
Logo 2<br />
Logo 3 Logo 4
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
58<br />
Landscape<br />
This is how the <strong>IMDA</strong> logo should look<br />
like on a landscape print advertisement.<br />
Ensure that clearance space and minimum<br />
logo size is adhered. The <strong>IMDA</strong> logo<br />
should be visually bigger over<br />
partner logos.<br />
Lorem Ipsum:<br />
Logo 1<br />
Logo 2<br />
Logo 3 Logo 4 Logo 5
Brand<br />
Applications<br />
(Co-Partnership)<br />
59 Co-Partnership Logo Guidelines<br />
- Endorsement Lines<br />
- Logo Placement<br />
- Logo Size<br />
61 Print Media<br />
- Portrait<br />
- Landscape
<strong>IMDA</strong> BRAND GUIDELINES<br />
59<br />
Co-Partnership<br />
Logo Guidelines<br />
Endorsement Lines<br />
Endorsement lines are used to clarify<br />
<strong>IMDA</strong>’s involvement in a particular<br />
relationship. These situations are when<br />
our role is secondary, but essential to<br />
the partner relationship.<br />
Ensure that a clearance space area is<br />
kept. The minimum clearance space<br />
is defined by 1/2 the height of the<br />
downward triangle graphic in the<br />
logo. The endorsement lines should<br />
be left aligned with the logo.<br />
Endorsement Line<br />
Lorem Ipsum:<br />
x<br />
Minimum clearance for the descriptor text is<br />
based on the height of this triangle.<br />
1/2x<br />
Logo Placement<br />
The spacing between <strong>IMDA</strong> logo<br />
and sub-brand logo is defined by the<br />
height of the downward triangle in<br />
<strong>IMDA</strong> logo.<br />
x
<strong>IMDA</strong> BRAND GUIDELINES<br />
Co-Partnership Logo Guidelines<br />
60<br />
Logo Size<br />
4x<br />
We need to respect the partner<br />
brand but ensure that <strong>IMDA</strong> is being<br />
communicated appropriately.<br />
All logos should be the same visual size<br />
based on the 3x by 4x grid system that is<br />
based off the height of the <strong>IMDA</strong> logo.<br />
All logos should be center aligned along<br />
the vertical and horziontal axes.<br />
Logo clearance space must be adhered<br />
to at all times, but whenever possible, it<br />
is good to leave more clearance space<br />
than the minimum required. Ensure that<br />
the minimum size rule is kept.<br />
x<br />
3x<br />
Logo 1<br />
Logo 2<br />
Logo 3 Logo 4 Logo 5
<strong>IMDA</strong> BRAND GUIDELINES<br />
61<br />
Print Media<br />
Portrait<br />
This is how the <strong>IMDA</strong> logo should look<br />
like on a portrait print advertisement.<br />
Ensure that clearance space and<br />
minimum logo size is adhered. All logos<br />
should be the same visual size.<br />
Lorem Ipsum:<br />
Logo 1 Logo 2<br />
Logo 3 Logo 4
<strong>IMDA</strong> BRAND GUIDELINES<br />
Print Media<br />
62<br />
Landscape<br />
This is how the <strong>IMDA</strong> logo should look<br />
like on a landscape print advertisement.<br />
Ensure that clearance space and minimum<br />
logo size is adhered. All logos should be<br />
the same visual size.<br />
Lorem Ipsum:<br />
Logo 1 Logo 2<br />
Logo 3 Logo 4
Please contact 6377 3800 or info@imda.gov.sg for queries on brand usage.<br />
www.imda.gov.sg