BRILLIANCE Guideline Book
MAKE THING
GS HAPPEN
CONTENTS
INTRODUCTION Client Our Campaign Positioning Statement
7 8 9
THE CORE ELEMENTS Logo Identity Logo Identity Colours Clear Space Minimum Size Correct Usage Incorrect Usage Colour Palette: Primary Colour Palette: Secondary Secondary Graphics Typography
12 13 14 15 16 17 18 19 20 22
APPLICATIONS Grid System Posters Packaging Brochure Ticket Direct Mailer Website
28 30 32 34 35 36 37
INTRODUCTION
CLIENT The DesignSingapore Council (DSC) was established to help develop the Singapore’s creative industry as one of the three new sectors for economic growth. They envision to help Singapore use the design for innovation and growth and to make life better. This endeavours through Market Development, where they “develop, facilitate and grow the demand for design services and products”, and Industry Development, where they “develop and enhance the capability of design practitioners.”
7
OUR CAMPAIGN Our Campaign is our promote to business design. It defines who we are and what makes us unique. It’s more than just the way we behave and the way we communicate. The Brilliance campaign is much more than just our campaign signature - it defines what we stand for. Our campaign helps to focus our promote on our business design for good future successful. Our brand helps us work together as one towards our goal. This document introduces our campaign positioning and personality. It encapsulates the key differentiating characteristics of our campaign. The guidelines set out to inform and inspire our communication partners about our campaign brand. These guidelines outline the principles for the way in which our campaign brand is expressed.
8
POSITIONING STATEMENT Helping the engineering companies to promote the value of their products and to make their clients understand their professional standards in the field. Helping them to make better business through design. To educate the engineering companies the value of design and to make them aware that design agencies serves the best for their business. Designer’s create effective visual solutions to deliver the client’s message through media.
9
THE CORE ELEMENTS
LOGO IDENTITY
Symbol
Logotype
Logo
Our Logo Identity comes in different colours and dots. It’s Creative! The dots are called ‘people’ and our different colours are orange, blue, yellow, purple and red. A diverse shape and colour will allow us to deliver communications for our varied audience and events. The following pages outline how to use our brand identity. 12
LOGO IDENTITY COLOUR
White Version Background
Black Version Background
The Logo identity comes in two colour versions for the background, white and Black. Depending on the 2 colour scheme of your application you can choose to use either version background.
13
CLEAR SPACE
1½ x
1½ x
½x
x ½x
Clear space refers to the area around the logo identity that should remain clear of graphic clutter and therefore allow the logo identity to be read clearly.
14
MINIMUM SIZE
32mm
The minimum size of the Brilliance logo identity is 32mm in width. Anything smaller than this, there will be a risk of not being able to read the words clearly.
15
CORRECT USAGE
Do use colour background and use secondary colour palette.
Do use a logo on a photo of light Background.
Use black logo on light background version.
Use white logo on dark background version.
Here are a few examples of practices to add.
16
INCORRECT USAGE
Do not change the colours of the identity.
Do not use a logo on a photo of cluttered Background.
Do not add shadow to the identity.
Do not change the proportion of the identity.
Do not change the proportion of the identity.
Do not stretch the identity.
The examples shown on this page are violations of the endorsement. Please do not try to recreate the Brilliance logo identity but use the approved version supplied.
17
COLOUR : PRIMARY PALETTE
P 7655 C FEMINISM
P 660 C AZURE
P 7688 C SKY
P 563 C DEEP
RGB 174 93 165 CMYK 33 76 0 0 #ae5da5
RGB 64 124 202 CMYK 75 47 0 0 #3473ba
RGB 53 157 216 CMYK 71 24 0 0 #359dd8
RGB 102 93 165 CMYK 59 0 45 0 #66c3a5
P 115 C SOLEIL
P 7413 C ORANGE
P 179 C CARNIVAL
RGB 254 218 25 CMYK 2 11 96 0 #feda19
RGB 234 132 36 CMYK 5 58 100 0 #ea8424
RGB 239 59 49 CMYK 0 92 89 0 #ef3b31
The vibrant colours are group of people. Having the people in the colourful are matches the vibrant colours you get a sense of that logo something better. “Purple are Success & Education”, “Blue shades are Professionalism & Trust”, “Yellow is represents Friendly, Innovation & Creative”, “Orange represents Balance & Imagine”, and “Red represents Inviting & Passion”. 18
COLOUR : SECONDARY PALETTE
P 1945 C
P Warm Red C
P 7583 C
P 158 C
CMYK 24 100 77 9
CMYK 0 92 89 0
CMKY 0 95 80 19
CMYK 0 56 100 5
P 124 C
P 102 C
P 3265 C
P 3285 C
CMYK 0 16 100 5
CMYK 0 0 88 0
CMYK 66 0 72 0
CMYK 71 13 51 0
P 7461 C
P 7700 C
P 513 C
P 2597 C
CMYK 74 17 0 5
CMYK 100 66 0 39
CMYK 37 100 0 5
CMYK 77 100 0 5
To accomodate our diverse communication needs, we have developed a secondary colour palette. The secondary palette colours can be used for specific exhibition or promotional events. You can pick any of the colours below, to suit your application.
19
SECONDARY GRAPHICS
We have developed a unique graphic language that accompanies all our communication materials. All these visual devices help us articulate the professional, fun, success, cool and diversity of events.
20
TOGETHER WE CAN DO AMAZING THINGS. Together we can doamazing things.Bo. Perro quisquos imus dolorecupta dereptur moditia. Aximpedi cipsam ea poratemquam, cust.
Hello.
THE CORE ELEMENTS Adicita eniet quod magnietur, tempore rsperum voluptae porpor re vOditiate pelest eumquat. Alit fuga. Henditat dolorpo rehenderum fugitasped magnisi ma ximus.
AN EXPLORATION INTO MAKING SINGAPORE WORK BETTER. Join us at our seminar on June 15 | 10AM - 12PM National Design Centre Singapore 188-021. Go to brilliance.org.sg
Here few example, we love to have fun with our dots, so feel free to run wild with their application. for free ticket information.
DesignSingapore Council
The Secondary Graphic that helps us convey the energy and professional we want our Brand to be associated with. Some quick guides on how we use this device is shown on the following pages. 21
TYPOGRAPHY
Symbol - Vibrant Dots
BRILLIANCE Logotype - ITC Avant Garde Gothic
Changing the game through Design. Strapline - Helvetica Neue
When used thoughtfully, typography becomes a powerful brand tool that can add visual meaning to what is communicated, creative, success and professional. Brilliance’s typography communicates guide, professional and cleanly.
22
SYMBOL: T YPEKIT
Vibrant Dots - Creativity comes from using one typekit that contains event styles. The vibrant dots symbol was selected because it is professional, ideas, creative and fun.
23
LOGOTYPE : TYPEFACE
BRILLIANCE Regular
Medium
Bold
Aa B b CcDd Ee Ff Gg H h I i J j K kL l M m N nOo P p Q q R r S sTtU uVv W wX xYyZ z 0123 4 5 6789.,_ -:;@#$%&^*’”|!\/{ }[ ]( )
BRILLIANCE
Aa B bCc Dd Ee Ff Gg H h I iJjKkLl M m N nOo P pQ q R r S sTtUuVvWwX xYyZ z 01234 5 6789.,_ -:;@ #$%&^*’”|!\/{ }[]()
BRILLIANCE Aa B bCc Dd E eF f Gg H h I iJjKkL l M m N n Oo P pQ q R r S sT t U uVvWwX xYy Z z 0123 4 5 6789., _ - :; @#$%&^*’”|!\/{}[]()
ITC Avant Garde Gothic - The “BRILLIANCE”
uppercase to signify equal weighing importance, also more modern.
24
STRAPLINE: T YPEFACE
Thin
A aBbCcDdEeFfGgHhIiJjK k L lMmNnOoP pQ qRr SsTtUuVv W wX xYyZ z 0123456789.,_-:;@#$%&^*’”|!\ /{}[ ]( )
Regular
A aBbCcD dEeFf G gHhIiJjKkLlMmNnOoP pQ qRr SsTtUuVvWwX xYyZ z 0123456789.,_-:;@#$%&^*’”|!\ /{ }[ ]( )
Italic
A a BbCcD dEe Ff Gg HhIiJ jKkLlMmN nO oP pQ qR r SsTtUuVvWwX xYyZ z 012345678 9.,_ -:;@# $%&^*’” |! \ /{ }[ ]( )
Medium
Bold
Black
A a BbCcD dEeFf G gHhIi JjK kLlMmNnOoP p Q qR r SsTtUuVvWwX xYyZ z 0123 45678 9.,_-:;@# $%&^*’”| ! \ /{ }[ ]( )
A a B b Cc D d Ee F f G g H h I i JjK k Ll M m N n OoP p Q q R r S sTtU uV v W wX xYyZ z 012 3 4 5 678 9., _-:;@# $%&^*’” | ! \ /{ } [ ]( )
A a B b Cc D d Ee F f G g H h I i J j K k Ll M m N n Oo P p Q q R r S sT t U uV v W wX xYy Z z 012 3 4 5678 9., _-:;@#$%&^*’ ” | ! \ /{} [] ( )
Helvetica Neue - It is also good readable. It can be used for headline and bodycopy. Bodycopy always ensure this is set at a legible point size that even everyone can read it comfortably. Leading should be set at 4pt more than the point size.
25
APPLICATIONS
GRID SYSTEM
X
X
Information Area
X
X
Create a margin around the pagewith X = 10mm.
Create a horizontal grid by dividing the information area into 8 equal parts.
Welcome
WelcomeUt volore consequam, site volores magnias ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis et liquat que poruntio ipid quatquia cus quo tem earum nam quate quost eaquat omniscium, WelcomeUt volore consequam, site volores magnias ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis et liquat que poruntio ipid quatquia cus quo tem earum nam quate quost eaquat
Welcome
omniscium, WelcomeUt volore consequam, site volores magnias ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis. ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis. ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis. ma velest voluptatio iduscim invent, officia perio. Optatempores di ad magnimaio. Nam, omnimusSequatem nobis.
Then divide your vertical grid into 6 columns. You then have a grid of 6 x 8. This can be applied to any format.
We have developed a step process that creates a standard grid and works on any format.
28
Using an A4 size format
Square Page format
Landscape format
We have developed a standard grid to work on different formats. All formats are follow the simple steps outlined on the previous page to create your grid.
29
POSTERS
Our Logo
“ DESIGN HAS HELPED MY BUSINESS TAKE OFF IN ASIA.” WANG KAI CO Ui & Ux Design, Google
AN EXPLORATION TO MAKE SINGAPORE WORK BETTER. Organized by
Join us at our seminar on June 15 - 16 | 10AM - 5PM National Design Centre Singapore 188-021 Go to brilliance.org.sg for free ticket information.
Supported by
margin around = 15mm
A series of posters that are success professional and casual—but reflect the Brilliance brand.
30
Size = A3. Paper = Compressed foam board. Typography = Helvetcia regular, medium & Bold. Font Size = 12pt - 30pt. Grid = Column - 6. Photography = portrait and Businessman.
31
PACK AGING
X
X
POCARI SWEAT is a mild tasting, refreshing drink which through perspiration. POCARI SWEAT is quickly absorbed into the bodytissues due to its is thus recommended as a beverage for activities such as sports, exercise and any physical activities.
SUPPLY DRINK
X
X Bleed around X = 3mm
Front Cover Design
Back
LEGEND Die line (0.5pt) Glue Area
Size = 22cms x 7cms. Paper = 150gsm white matte. Typography = Helvetcia regular, medium & Bold. Font Size = 8pt - 10pt. Company = Pocari Sweat.
These recommended cover designs are based on our branding strategy and was researched with customers and suppliers in markets. It gives you several design options and tools for various areas involved with packaging.
32
Cap
Bottle
The example on the 3d render shows how the image in front continues to the back of the packaging to form a full image as an alternative template.
33
BROCHURE
This is a brochure for events programme and stays in the National Design Centre. It presents throughout its 20 pages the latest openings and renovations in terms of halls, event venues, exhibition and workshops in Brilliance. We opted for a “light� cover to the image with logo that looks professional.
34
Size = A5 Paper = Nevia Digital Matte, Cover - 310gsm & Inside 150gsm. Typography = Helvetcia regular, medium & Bold. Font Size = 7pt - 14pt. Grid = Columns x Rows - 6x8.
TICKET
AN EXPLORATION INTO MAKING SINGAPORE WORK BETTER.
MR. MICHAEL CARRICK
15B SEAT I D 12 D 0 018 2 071
June 15 - 16 | 10AM - 5PM | National Design Centre Organized by
Visit our website www.brilliance.org.sg
Supported by
/brilliance17
2cms
AN EXPLORATION INTO MAKING SINGAPORE WORK BETTER.
5cms
/brilliance17
I D 12 D 0 018 2 071
MR. MICHAEL CARRICK
15B SEAT I D 12 D 0 018 2 071
June 15 - 16 | 10AM - 5PM | National Design Centre
Front
Organized by
Supported by
Visit our website www.brilliance.org.sg
/brilliance17
/brilliance17
I D 12 D 0 018 2 071
Back
LEGEND Die line (0.5pt) Slit line (0.5pt) Glue Area Size = 23.5cms x 7cms. Paper = 250gsm Nevia Digital Matte. Typography = Helvetcia regular, medium & Bold. Font size = 6pt - 18pt. Grid = (C*R) 6x8.
The ticket holder. A simple piece of card in 2 with a slit to slip the ticket into. Turning the fold over stops the ticket from sliding out for bracelet. A very stylish idea which ends up cutting costs too.
35
DIRECT MAILER
AN EXPLORATION INTO MAKING SINGAPORE WORK BETTER. Seminar by DesignSingapore Council to expand the understanding of design and communicate the role that it plays creating a sustainable competitive advantage of Business.
MAKE THINGS HAPPEN
WORKSHOP Visual Communcation Workshop Design Communcation Workshop Product Design Workshop Interactive Media Workshop
Join us at our seminar on June 15 - 16 | 10AM - 5PM, National Design Centre, Singapore 188 021. Go to brilliance.org.sg for free ticket information.
/brilliance17
AARON LEE
KIT CHAN
TANYA CHUA
ID 0051205423
ID 0051205424
ID 0051205425
108 DRIVE, 18 - 428, LAKESIDE, SINGAPORE 515 108
451 DRIVE, 2 - 12 PARIS RIS, SINGAPORE 510 451
185 DRIVE, 2 - 12 TAMPINES, SINGAPORE 410 185
Organized by
Front JACK NEO
MAIA LEE
HO CHING
ID 0051205431
ID 0051205429
ID 0051205426
19A DRIVE, 12 - 128, KOVAN, SINGAPORE 517 457
512 DRIVE, 54 - 85, PAYA LABER, SINGAPORE 517 512
TIN PEI
Supported by
Back
18B DRIVE, 2 - 12, WOODLAND, SINGAPORE 510 451
SIOW LEE
/_brilliance17
RUI EN
Various direct mail projects, we’ve ideation for including direct mail campaigns. We devised a secondary graphics for all the services our provide, this is referenced on all outward facing communications from our website to social media. ID 0051205432
ID 0051205433
ID 0051205435
455 DRIVE, 9 - 28, PASIR RIS, SINGAPORE 520 455
58D DRIVE, 45 - 56, WOODLAND, SINGAPORE 110 458
458D DRIVE, 45 - 128, LITTLE INDIA, SINGAPORE 510 451
36
Size = A5 Paper = 330gsm Advocate Smooth. Typography = Helvetcia regular, medium & Bold. Font Size = 7pt - 14pt. Grid = (Columns X Rows) 6x8.
WEBSITE
Online View demo http://brilliancesg.businesscatalyst.com/
Size = 1280 x 720 Resolution = 72dpi Typography = Helvetcia regular, & Bold. Font size = 12pt - 22pt. Grid = Columns - 6.
Usability and content should always come before a professional design, but the site should also communicate the personality of event. A visitor should be able to quickly scan the home page and understand what the event is, when it’s happening, and where they can click to learn how to attend. A great event deserves a great website, because a great event deserves great attendes. We developed a event website based on Adobe Muse. 37