visual identity guide. overview one of the key aspects to successfully represent a project is its...

19
Visual Identity Guide

Upload: adela-cooper

Post on 23-Dec-2015

221 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Visual Identity Guide

Page 2: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Overview

One of the key aspects to successfully represent a project is its visual element.  A project is effectively portrayed using a standard set of guidelines to keep the uniformity and integrity of all printed collaterals, online media, documents, and other similar articles and literatures.

Page 3: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Tech4ED Overview, Branding, Logos, and Usage

The Tech4ED branding and logo appears in all articles that support and represent the Tech4ED project, including, but not limited to, its related sub-projects, to ensure that all representations of the project are aesthetically consistent.

Page 4: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Tech4ED Overview, Branding, Logos, and Usage

The Tech4ED logo has 3 parts; icon, logotype, and slogan. The upper portion of the icon is a blue map of the Philippines on yellow background, while the lower portion of the icon is a gradient yellow sun on red background. A blue, swoosh-type, human-like figure is used to frame the icon.

Page 5: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Tech4ED Overview, Branding, Logos, and Usage

The logotype “TECH4ED” has three colors; red, yellow, and blue. The slogan is a black “enable empower transform” text separated by black diamonds, and is located directly below the logotype. The logo should in no way appear stretched, cropped, compressed, or skewed. The preferred background for the logo is white.

Page 6: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Tech4ED Overview, Branding, Logos, and Usage

The Tech4ED logo should not be smaller than 150 pixels in height. This is the ensure that the Tech4ED logo is visible and legible from at least a few feet away.

Page 7: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Tech4ED Overview, Branding, Logos, and Usage

Page 8: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Segments Overview, Branding, Logos, and Usage

The Tech4ED is a project comprised of smaller projects that cater to different sectors in our society. Each of the smaller projects are represented by its own project logo and branding. The logos should in no way appear stretched, cropped, compressed, or skewed. The preferred background for the logos is white.

Page 9: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Segments Overview, Branding, Logos, and Usage

Page 10: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Typography and Color Palette

All Tech4ED branding when used in-line or on printed, electronic, and online media should use the Arial font. Bold, italics, and underscored typeface can be used to highlight certain texts.

Page 11: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Typography and Color Palette

mAgri

#adc344RGB: 173 195 68CMYK: 37 8 94 0

eGovServ

#fed032RGB: 254 208 50CMYK: 1 17 89 0

eEduSkills

#54cbedRGB: 84 203 237CMYK: 57 0 4 0

mMarketplace

#8fcdbeRGB: 143 205 190CMYK: 44 2 30 0

eAssist

#d670afRGB: 214 112 175CMYK: 13 69 0 0

eAssess

#f37465RGB: 243 116 101CMYK: 0 68 57 0

Page 12: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Letterhead, Footer, and Letter Template

Page 13: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Email Signature

Bettina G. QuimsonDeputy Executive Director, eSocietyInformation and Communications Technology Office - DOSTT. (+63 2)920.0101M. (+63 917)871.8547E: [email protected] Office Bldg., C.P. Garcia Avenue, 1101 Diliman Quezon City, Philippines

LEGAL CONFIDENTIAL: The information in this e-mail and in any attachment may contain information which is legally privileged. It is intended only for the attention and use of the named recipient. If you are not the intended recipient, you are not authorized to retain, disclose, copy or distribute the message and/or any of its attachments. If you received this e-mail in error, please notify me and delete this message. Thank you.

Arial 12 - Black

Arial 10 Italics - Black

Social Media Links

Arial 9 Italics - Gray

Page 14: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Business Cards

Page 15: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Brochures and Flyers

Page 16: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Banners

Horizontal and Vertical:• Tarpaulin on X-Stand : 5ft x 2ft• Tarpaulin on Roll-Up: 6ft x 2.5ft• Booth Panels: 1m x 6m – 8m

Large Format:• Depends on the size of the wall or board.• Standard Banner is 6ft x 2ft or 6ft x 4ft

Page 17: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Slideshows and AV Presentations

Page 18: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Prints on Corporate Giveaways

Red: #ce0002RGB: 206 0 2CMYK: 12 100 100 4

Blue: #0a91e3RGB: 10 145 227CMYK: 75 34 0 0

Yellow: #fbba16RGB: 251 186 22CMYK: 1 29 99 0

Page 19: Visual Identity Guide. Overview One of the key aspects to successfully represent a project is its visual element. A project is effectively portrayed using

Data Sheets for Segments and Components