Precision Group Corporate Identity Guideline by LEAP Design Studio

Logo, Stationery Set, Marketing Material and Website

Section 1

The Logo Precision Group is where opportunity,

Logo Development of „Activity Spiral‰

Rainbow colour – to show different function

creativity and activity converge. It is a

Concept have a preview and description

or services within the company.

hub of dynamic services with world-class

of the identity, which developed with

infrastructure, business most strategic

comprehensive precision and consistency.

corporation and a global network of people

Vision – to show Precision as a company with a vision towards the future.

that can support achievement of goals and

Spiral is base from a shape of target. The

objectives.

gradual spiral thickness create a volume,

Focus – in what the company does and how to

deepness, and motion hence make the

deliver the best result/ services to our clients.

These core values underpin Precision

whole logo look dynamic.

GroupÊs positioning: Progressive, Free,

We also include information on grid,

Stable, Dynamic, Active, Opportunity, and

Synergy & integration – each function needs

colour, size and a few implementations on

High Quality.

to move (work) together to achieve one goal.

stationery and marketing material.

Precision Group | Page 1

The Logo

Main Corporate Logo

Precision Group | Page 2

The Logo

Grid Structure

Precision Group | Page 3

The Logo

Structure Grid for Logo

Precision Group | Page 4

The Logo

Colours

Precision Group | Page 5

The Logo

Main Corporate Logo in Grayscales

Precision Group | Page 6

The Logo

Main Corporate Logo in Black and White

Precision Group | Page 7

The Logo

Main Corporate Logo Complex Background

Precision Group | Page 8

The Logo

Alternative Format (Horizontal Logo)

Precision Group | Page 9

The Logo

Horizontal Logo in Grayscale

Precision Group | Page 10

The Logo

Subsidiary Logo for Each Division

Precision Group | Page 11

The Logo

Subsidiary Logo for Each Division (Horizontal Logo)

Precision Group | Page 12

The Logo

Primary Typeface

Timeless – Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;’,./{}|:”<>? Timeless – Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;’,./{}|:”<>? Timeless Regular is the primary typeface for

The type size depends on format, function

the identity, it is used for Precision Group

and purpose. No other weight of the

Logotype and is to be used in all headlines,

typeface should be used nor should the

titles and covers.

primary typeface be used as titles or headlines.

This typeface develop the feeling of stable, elegant, and dynamic. ItÊs a serif font but yet it gives a modern shape and style.

Precision Group | Page 13

The Logo

Secondary Typeface

Univers Light Normal

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;Ê,./{}|:‰<>? Univers Black Thin

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;Ê,./{}|:‰<>?

Univers 45 Light Univers 45 Light Oblique Univers 55 Roman Univers 55 Oblique Univers 65 Bold Univers 65 Bold Oblique Univers 66 Bold Italic Univers 75 Black Univers 76 Black Oblique Univers 85 Extra Black Univers 85 Extra Black Oblique Univers 39 Thin Ultra Condensed Univers 49 Light Ultra Condensed Univers 59 Ultra Condensed Univers 47 Condensed Light Univers 47 Condensed Light Oblique Univers 57 Condensed Univers 57 Condensed Oblique Univers 67 Condensed Bold Univers 67 Condensed Bold Oblique Univers 53 Extended Univers 53 Extended Oblique Univers 63 Bold Extended Oblique Univers 63 Bold Extended Univers 73 Black Extended Univers 73 Black Extended Oblique Univers 93 Extra Black Extended Univers 93 Extra Black Extended Oblique

Our secondary corporate typefaces are

It is only permissible to use the following

Type can be set in one of our corporate

Univers. These sans serif typefaces are highly

weights of Univers: Univers Thin, Univers Light,

colours, but will not reproduce successfully

legible across all applications, from signage

Univers Roman, Univers Bold, Univers Black,

at small sizes when using process colour

to stationery, and enable us to create an

Univers Light Condensed, Univers Condensed

values. When setting type, always use either

attractive, clean typographic style. These

and Univers Bold Condensed. Under no

special colour versions of the corporate

typefaces are available in a variety of weights,

circumstances may any other typefaces be

colours or 85% black.

and these can be used to add pace and

substituted for printing material. Different rule

emphasis to our communications.

apply to a web related application.

Precision Group | Page 14

The Logo

Digital Typeface

Arial Regular

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;’,./{}|:”<>? Arial Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890-=[]\;’,./{}|:”<>?

Arial is to be used in cases where the Primary and Secondary typefaces canÊt be used, such as web and interactive media or PowerPoint.

Precision Group | Page 15

Section 2

Stationery Corporate stationery is a key form of internal and external communication, and it is vital that our corporate identity is applied consistently to it. The examples below illustrate a number of stationery applications â&#x20AC;&#x201C; letterhead, envelop, address label, business card, and CD Label.

Stationery | Page 16

Stationery

Business Card for Group Option A

Front Preview • With white background makes the whole card

Jeremy Kemp Chief Executive Officer

look simple and clean, hence to deliver a clear information.

Plasa Chase Lt. 6, Jl. Jend. Sudirman Kav 21, Jakarta 12920 - Indonesia P +62 21 520 8208 F +62 21 520 8207 M +62 812 021 021 E jeremy.kemp@precision-group.biz

• Colour footer at the bottom resembles the colours from the logo.

www.precision-group.biz

Back Preview Account and Admin Communication Design and Creative IT and Supports Training Web and Development

• Line of Businesses at the bottom delivers the information of the Company services.

Stationery | Page 17

Stationery

Business Card for Division Option A

Firstname Lastname Jobtitle

Plasa Chase Lt. 6, Jl. Jend. Sudirman Kav 21, Jakarta 12920 - Indonesia P +62 21 520 8208 F +62 21 520 8207 M +62 812 021 021 E jeremy.kemp@precision-group.biz

Front Preview

www.precision-group.biz

Back Preview Account and Admin Communication Design and Creative IT and Supports Training Web and Development

â&#x20AC;˘ Additional Group Logo emphasize the unity of the divisions within the Company.

Stationery | Page 18

Stationery

Letterhead for Group and Division Option A

Stationery | Page 19

Stationery

Continuation Page for Group and Division Option A & B

Account and Admin Communication Design and Creative IT and Supports Training Web and Development

Stationery | Page 20

Stationery

Envelope for Group and Division Option A

Front Preview • Using the white background with a simple and clean layout to perform the professional look.

Plasa Chase Lt. 6, Jl. Jend. Sudirman Kav 21 Jakarta 12920 – Indonesia Account and Admin Communication Design and Creative IT and Supports Training Web and Development

www.precisiongroup.com

Back Preview • Clean and simple flap with the website imprinted on it.

Stationery | Page 21

Stationery

With Compliments for Group and Division Option A

www.precision-group.biz

With Compliments

www.precision-group.biz

With Compliments

Stationery | Page 22

Stationery

Group Sample • Applying clean and simple look create professional touch in this ID Card. • The usage of the colour footer enhanced the strength of the logo.

ID Card for Group and Division Option A

Name of the employee

Division Sample

Name of the employee

FirstnameLastname

• The firstname of the card holder, the

Card Serial Number

Valid From

Card Serial Number

Valid From

PG001

Feb08

DC001

Feb08

www.precisiongroup.com

card serial number, validation date and the photo border will follow the colour of the division itself.

Stationery | Page 23

Stationery

Business Card for Group Option B

Front Preview â&#x20AC;˘ With white background makes the whole card look simple and clean, hence to deliver a clear information.

Back Preview â&#x20AC;˘ In colourful background makes the card memorable and add the element of surprise.

Stationery | Page 24

Stationery

Business Card for Division Option B

Back Preview â&#x20AC;˘ If you bring together all of the business card from the divisions, the background pattern will unify and resulting the main group background pattern on the business card.

Stationery | Page 25

Stationery

Letterhead for Group and Division Option B

Stationery | Page 26

Stationery

Multi-function Label

Multi-function Label • The multi-function label can be used for the envelope, CD Cover, and courier package. • The application of this multi-function label will unify the corporate design of the whole material that will send out

P +62 21 5208208 F +62 21 5208207

from the company.

Destination Area • This white space is used for writing down the address of the destination of the package, mail, or CD.

Stationery | Page 27

Stationery

Envelope Option B 01

Multi-function Label • By using the standard DL white envelope

Front Preview

Back Preview

with the multi-function label we have a corporate and unique envelope. • The multi-function label also applied for the seal of the envelope itself, it enhance the safety of the document that weÊve sent out.

Stationery | Page 28

Stationery

Envelope Option B 02

Front Preview • Using the white background with a simple and clean layout to perform the professional look.

www.precisiongroup.com

Back Preview • Using group background pattern flap with the website imprinted on it.

Stationery | Page 29

Stationery

With Compliments for Group and Division Option B

www.precision-group.biz

With Compliments

Additional Die Cut â&#x20AC;˘ The additional die cut will eliminate the usage of the conventional paper clip. www.precision-group.biz

With Compliments

Front Preview

Back Preview Stationery | Page 30

Stationery

ID Card for Group and Division Option B

Name of the employee

Group Sample â&#x20AC;˘ Applying clean and simple look create professional touch in this ID Card.

Division Sample

Name of the employee

FirstnameLastname

â&#x20AC;˘ The firstname of the card holder, the

Card Serial Number

Valid From

Card Serial Number

Valid From

PG001

Feb08

DC001

Feb08

www.precisiongroup.com

card serial number, validation date and the photo border will follow the colour of the division itself.

Stationery | Page 31

Stationery

Main Stationery Set Option A

www.precision-group.biz

With Compliments

With Compliments Envelope (Front)

Envelope (Back)

www.precisiongroup.com

Letterhead Business Card (Front)

Business Card (Back) Stationery | Page 32

Stationery

Main Stationery Set Option B With Compliments

Envelope (Back) Option 01

Envelope (Front) Option 01

www.precisiongroup. com

Envelope Option 02

Letterhead

Business Card (Front)

Business Card (Back) Stationery | Page 33

Stationery

Email Template for Group and Division

Email Signature â&#x20AC;˘ Spreading the placement of the contact details create the wide and clean look for the email signature. â&#x20AC;˘ The firstname, jobtitle, and the mobile number for the division email signature will follow the main color of the division itself.

Stationery | Page 34

Stationery

Fax Template Fax Serial Number

Fax Serial Number

www.precision-group.biz

Fax Date

Number of Pages (including this one)

From

Message

Fax Serial Number • Fax Serial Number will simplify the process of tracking the fax progress.

Fax Template • Clear and simple layout will facilitate the user for using the template.

Plasa Chase Lt. 6, Jl. Jend. Sudirman Kav 21 Jakarta 12920 – Indonesia Account and Admin Communication Design and Creative IT and Supports Training Web and Development

Stationery | Page 35

Stationery

Form Template 1st Page

Continuous Page

Employee Name:

Department:

Position:

Start Date:

Manager/ Line Manager:

Period of Probation:

Review Result:

Proposal on Revised Position and Salary:

Current Salary:

Revised Salary:

Percentage Increase:

Position:

Status of Employee*

Permanent

Effective Date:

Termination

Effective Date:

Extended Probation

Effective Date: (Month)

SIGNATURE Reviewed By:

Known By:

Manager Date:

Checked By:

Line Manager Date:

Human Resources Date:

Approved By:

Chief Operations Officer Date:

Stationery | Page 36

Stationery

PowerPoint Template Cover Page

Content Page

Stationery | Page 37

Stationery

Document Template Cover Page

Divider

Document Title

Document Title Document Subtitle

Document Version

Document Subtitle

Document Version Document Author

Firstname Lastname

Divider Title

Divider Title Divider Subtitle

Divider Subsubtitle

Divider Subtitle

Divider Subsubtitle

Stationery | Page 38

Stationery

Document Template Separator Page

Table of Content

Table of Content Document Title

Document Title Document Subtitle

Document Version

Document Subtitle

Document Version

Title of Section

Page Number

Head Text

Subhead Text Subhead Text

2 3

Subsubhead Text Subsubhead Text

3 3

Head Text Subhead Subhead Subhead Subhead

5 Text Text Text Text

5 6 8 8

Head Text

Separator Title

Subhead Text

Subsubhead Text Subsubhead Text

Separator Subtitle

Separator Subsubtitle

Separator Subtitle

Separator Subsubtitle

11 15

Title of Section

Version

Page

Document Serial Number

Version

Stationery | Page 39

Stationery

Document Template 1st Page

Continuous Page Document Title

Document Title

Document Subtitle

Document Version

Document Subtitle

Document Version

Document Subtitle

Document Version

Document Subtitle

Document Version

> secte delisci blandre tat nos nulluptat

Head Text

> sim vel do dolobor sim dolor susto etum > vendio od dip ex ex etum num > ipiscin henis nulla facipis adigniat nulputem dolor irillan exerat

Veliqui smodolor sim ip et, quis nis nulputem vullumsan exeraesto doloboreet et velisl ea feugiam nonulla ndionsed dolorer sed tat prat. Ut nummy nonsequis at lor ilit praestio et in ute tem incil

Ilis diam ea alit ullaore magna faciliquisit nosting ent num dignibh eu feu feugait nullam endre digna

enismolor sim veliqui blan henit veniam ea atem et, sequat, volorer se velisl iuscill andreriurero diat.

feu faccum erostrud magnibh ercillute feugiam quisim alis dolor ip eum velenisi te dolorero odiat ut

Bore magnissim iure tat, sequipsum verosto con euis augue faci tem eum el ute tie faciduisl irilisit et,

elisis nis eu facipit ametue minim ipit eraessed modipsum dolore dui essis numsandrer ipismol obortis

vel in hent adiam ing er ipsuscilit, sustrud do consendrem dolore core con ex et, con eliquat1.

nullam, velit luptat do ea facidunt wis nullandigna feum ver sumsandrem volor summy num aliquis num vulput ullamet ulputat, suscipisit, sequisis non henis nullamet dolum doloborpero odit praesed tate etum er ip et la faccumm odolorero eu feugiam consectet ip exerosto odionul luptatincin vent

Subhead Text

ilit, si.

Deraesed eugue molutet accumsan ex elesto od dolumsan volum delestrud tat nulla facincil euis autat 1

Bore magnissim iure tat, sequipsum verosto con euis augue faci tem eum el ute tie faciduisl irilisit et, vel in hent adiam ing er ipsuscilit.

Table 1: Title of Table

dionse exero consectet atem quisi blam, commolor sum venibh eui blamet vulland igniamc onulla consequis dunt loreet eum quipis nulla aci blam vulla consequatum veriliquat am dolorem ipit, veliscip

Title

ea feum dunt duissectem irit volut veliquipisi blam vel erit wisl eumsandipis nit adiat at aut incilla alis

Title

delessi. Detail

Detail

Te dolobore faccum zzrit nisit ip eugait in verit nostrud eum inci tatem nis ad ming eum eumsan venim illaoreet, sim ing et prat. Ut lutem ipisit lorem zzrit, sis acil ipsum in verilluptat wis nulluptat num dolor in vulla faccum zzrit in utem velis num inibh eugiamc onsequamet incidui blandre minit nis acil ute vel ing et estrud molor si , commodo eugait nibh et landre esed duis dolobor perit, sed tet landre.

Subsubhead Text Detail 1.

Umsandreetum esequis ea alit amet lorper sum quiscilit

Dad magna feu feuismolut wis am inciliquisl iriustrud magna commy num dolortie ercipsum

Aconsectem quatis adignibh et iliquis modolut augue diat ulla commy nummy nulpute deliquat vel

Detail

Sure vel iuscidunt wis nullutem nim iuscilis aliquat, core con eugue tat wis alissi blan ercilis alis dolor at. Ut vel exerit, commy nulla aliquiscip el iureet ing eu feum ilis elis at. Ecte magna facil eugiamet, quam dipsuscidunt augait veliquat num vel utet utpat niam, quamconsed

Guerosto dolor sustie eumsan vendre tat. In vulput luptate consequate feuipisim inis doluptat, si.

num vulput ullamet ulputat, suscipisit, sequisis non henis nullamet dolum doloborpero odit praesed

Nulputatum ipis niam, vulput augiam in ullam ip ea consenibh er se cor se corercin utpat. Is num

tate etum er ip et la faccumm odolorero eu feugiam consectet ip exerosto odionul luptatincin vent ilit,

zzriureetue vulla acin eum in henibh eratis nonulla ortisim veliquisit alit diamet ullut lorper sum vullan

si. Ut ver ilis nim vel esequatem dunt lorerci liquat nisl enim nulput praesequat. Duisl del enim velenis

hendre feu faccumsandit velent iliquis augiamc ommodo commy nulputem vel utet, commodo eugait

dui ting et, volore duis num dui. Ut ver ilis nim vel esequatem dunt lorerci liquat nisl enim nulput

nibh et landre esed duis dolobor perit, sed tet landre magnibh eugiatis ercip et loborper sismodo

praesequat. Duisl del enim velenis dui ting et, volore duis num dui.

lenibh eu facin vel iliquiscin: Liquip et, sumsan utat, vel dunt lore dolore magnim nim nit in veliqui scillandip elismolobor ilit init ate Â KHQLP ]]ULO HW ZLVO HQGLJQD

dolorperat. Wis enit dolore magna feui eugiam nim zzriure ver iril delisit augait er aliquis dolorper sum

Â IDFLGXQW ZLV HX IHXP LO HOLW

dit nos delit praessisim zzrit verosti siscil et praesequi blamcon vel utat ipsuscidunt lum doloborper

–

iustrud dolore del dolobore

adipit velent ea facin ut volor susciduissim incilit vullum nulputatinci tisismodigna feugait lutatue velis

–

delisl dolore min ullaorem num nulla cortie

doluptat, sisi eraese feugue mod duis alit ea aliquat lutatet ueraestrud delent velenis alit nulputem

–

consecte exer ipsustrud et

zzrillam ip eliquis cillan ullute dio elit utpat, quipit venim iriusto odolorero dolobore vel iusciduis nis adit Title of Section

Version

Page

Title of Section

Version

Page

Document Serial Number

Version

Document Serial Number

Version

Stationery | Page 40

CD Label and CD Cover Additional Binding Hole • The additional binding hole will facilitate to organise the CD.

Writing Area • Writing area on the CD is used for adding the detail of the content for facilitate the recipient to easily identify the CD.

CD DVD

Stationery

Note

Additional Flap • The additional flap will keep the CD cover closed in the folder and will give additional protection for the CD itself.

Stationery | Page 41

Stationery

Note Block

Additional Die Cut • The additional die cut is used for pencil or pen holder and also can be used as the pinned hole so it wouldnÊt spoiled the paper.

Note Block • The note block used the gradation of the logo for the side-printed block, it unifies the note block with the logo itself.

Stationery | Page 42

Stationery

Memo Additional Die Cut â&#x20AC;˘ The additional die cut is used for pencil or pen holder and also for organising the memo itself in a binder.

Memo â&#x20AC;˘ The memo used simple and clean style to create more space for the users to write down.

Stationery | Page 43

Stationery

Note Book

Focus on your core business while driving innovation and efficiency with industry-leading outsourcing and managed services for Creative & Design; Communication; Web & Development, Accounts & Admin; Training; and IT & Supports.

www.precision-group.biz

Stationery | Page 44

Section 3

Marketing Materials Among the marketing material examples

Some of these marketing materials were

using it, something we do constantly and

here, if any have been designed with

designed to incorporate extra usage. No

almost without realising it.

experimental forms are prescribed by

item is merely use just what it is. Example, a

function. When this marketing material item

notepad or a memo main purpose it to help

What weĂ&#x160;re trying to do here is to get visual

in use, its primary purpose is to convey

user an easy access to paper, its something

sensation and great usage experience

information.

that user used to write. In this next chapter

without forgetting their main function as

youĂ&#x160;ll find some of this item gives more than

stationery or marketing material. Gives

just that.

something new and appealing to the user,

The way in which information is presented affects its meaning, and fundamentally, the

something creative but yet very functional

designerĂ&#x160;s job is to interpret, on behalf of the

Admittedly, at first glance this marketing

user, what information they wish to convey,

material may appear complex or difficult

and on behalf of the receiver, how they want

even. But deriving benefits from it is just a

to receive it.

matter of becoming attuned to a new way

and benefiting.

Marketing Material | Page 45

Marketing Materials

Front Desk Signage

Front Desk Signage â&#x20AC;˘ Using Stainless Steel material for the signage will result professional and classy touch for the office.

Marketing Materials | Page 46

Marketing Materials

Lightbox

Lightbox Horizontal â&#x20AC;˘ Using the horizontal logo create wide and sleek effect of the lightbox.

Lightbox Vertical â&#x20AC;˘ Using the vertical logo emphasizes the uniqueness of our logogram.

Marketing Materials | Page 47

Marketing Materials

Outdoor Banner

Outdoor Banner â&#x20AC;˘ Using white background makes the logo very eye-catching and prominent. â&#x20AC;˘ Combined with the colourful pattern makes the outdoor banner very attractive.

Marketing Materials | Page 48

Marketing Materials

Stickers

Stickers â&#x20AC;˘ Stickers is one of the marketing materials that is really useful, we can stick it every where and any where. With the colourful logo it will cause the curiosity of the viewer. Very powerful yet small in size.

Marketing Materials | Page 49

Marketing Materials

Corporate Gift – Pen, Calculator and Business Card Holder

Pen and Calculator Set • One item with two functions, with the compact size this item will be very easy to carry around and very useful for the user. Metal material will give a profesiional touch for this item.

Business Card Holder • Simple and sleek design with metal as the material create the perfect touch for the user.

Marketing Materials | Page 50

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Umbrella

Umbrella â&#x20AC;˘ Simple and white background emphasize the colouful logo. With the wooden handle create a classic and professional look for the umbrella.

Marketing Materials | Page 51

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Shirt

Marketing Materials | Page 52

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Cap

Marketing Materials | Page 53

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Mug

Marketing Materials | Page 54

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Clock

Clock â&#x20AC;˘ Made from crystal with the imprinted logo inside the crystal makes this clock a perfect gift for our special client.

Marketing Materials | Page 55

Marketing Materials

Corporate Gift – Flash Light and Keychain

Option A

Option B

• With the shining logo in the dark will

• Standard metal mini-flash light is very

make the keychain very attactive and

handy for the recipient.

yet very useful.

Marketing Materials | Page 56

Marketing Materials

Corporate Gift â&#x20AC;&#x201C; Slinky Samples

www.precision-group.biz

Slinky â&#x20AC;˘ Colourful slinky, very attractive and can be used as one of the stressrelieved item.

Marketing Materials | Page 57

Section 4

Website Website is one of the most powerful marketing tools for a company. Nowadays, customerÊs measurement about a company usually starts from their website. From the website we could see how the companyÊs structure, services, contact address, and other useful informationns. The most important purpose for a website is to delivers as much as information that wouldnÊt cost any confusion to the users.

Website | Page 58

Website

Home Page

The DivisionsÊ Icons • When the viewer roll-over his mouse, the icons will change their colour following their main division colour.

Home Page • White background, simple layout and large icons makes the website very easy in navigation. The viewer can easily find the information that they need. The icons also make the website visually attractive. • The group logo in the top center of the website accompanied with the colour footer on the bottom create the dynamic yet corporate look for the website.

Website | Page 59

Website

Division Page – Accounts & Admin

Division Page • White background, simple layout with wide space makes the division page very flexible in adding lots of information. • Each division will diversified by their main colour. • The placement of the colourful footer keeps the division page incorporated with the home page.

Website | Page 60

Website

Division Page â&#x20AC;&#x201C; Design & Creative

Website | Page 61