Brilliance

Page 1

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





Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.