22
Brand Visual Guidelines

Health For Life Initiative

  • View
    494

  • Download
    2

Embed Size (px)

DESCRIPTION

Brand Guidelines

Citation preview

Page 1: Health For Life Initiative

BrandVisualGuidelines

Page 2: Health For Life Initiative

Introduction

Page 3: Health For Life Initiative

Brand Identity Guidelines

This is a manual containing the guidelines for properly using the brand elements across your graphic materials and other stationery.

Using the following suggestions will ensure consistency in your brand’s visual style.

Please refer to this document every time you need info on how to implement and design your new materials, whether print or digital.

INTRODUCTION

Page 4: Health For Life Initiative

Logo

Page 5: Health For Life Initiative

Construction and spacing

The logo is made out of a combo of wordmark and symbol/geometric shape and underneath it has the tagline.

Character spacing was selected to ensure readability when scaled at small sizes, as well as to convey elegance and rhythm to its shapes.

The wordmark is set in Geogrotesque Regular. The tagline is set in ITC Officina Serif Italic.

The wordmark has all the word with the initial caps. The tagline has no caps.

DO NOT CHANGE THE SENTENCE CASE!

LOGO

x

5x

6.5x59.5x

Page 6: Health For Life Initiative

Safe zone

In order to properly see and read the logo, it needs to have some white (negative) space around it.

ALWAYS ENSURE THE MINIMUM ALLOWED SPACE AROUND THE LOGO.

LOGO

x

x

x

x

xx

Safe zone - leave free

Page 7: Health For Life Initiative

Placement

The Health For Life Initiative logo can be placed in each of the corners, or middle of a vertical margin. Follow the examples and always ensure the minimum safe distance for the logo.

The first and last examples are the standard.

It can be possible to place the logo in other areas, but only for creative impact on non-stationery materials, such as advertisments or posters.

But please try to keep in the brand guidelines as much as possible.

LOGO

Page 8: Health For Life Initiative

Color

Health For Life Initiative brand colors are blue and black. In order to maintain consistency across print materials, please use the correct color codes or, if possible, using the Pantone® color is advisable.

Here are the main and secondary brand colors.

If more colors are required, use caution when selecting a new one.

KEEP IN MIND THAT RBG-CMYK-PANTONE TRANSLATION IS APPROXIMATE, DUE TO TECH CONSTRAINTS.

LOGO

100%

5%

10%

80%

40%

60%

20%

100%

5%

10%

80%

40%

60%

20%

BLUE

RGB: r0 g71 b186 CMYK: c93 m70 y0 k0PANTONE: 2728 C

BLACK

RGB: r0 g0 b0 CMYK: c0 m0 y0 k100PANTONE: Black C

Page 9: Health For Life Initiative

Color Variations

Health For Life Initiative uses two main Pantone® colors, as part of its core brand elements. These are the correct scenarios for color usage.

On negative color, the tint for the fill color is 30%.

ONLY USE THESE APPROVED VARIATIONS.

LOGO

2 colors

Pantone 2728C + Pantone Black C 70%

Pantone 2728C + Pantone Black C 70%

Black 100% + 30%

1 colorPantone®

1 colorblack

Page 10: Health For Life Initiative

Logo UsageCrimes!

Page 11: Health For Life Initiative

Improper logo usage

Please refrain from applying the following modifications to the logo, or any other ones that might have been omitted.

DO NOT ALTER THE ORIGINAL DESIGN.

LOGO

Do not change the tagline position

Do not change the case sentence

Do not change colors into new ones

Do not disort the logo

Do not thin or thicken the logo

Do use unapproved color variations

Do not add effects

Do not invert the colors

Do not use logo on a textured background

Page 12: Health For Life Initiative

Brand Identity Elements

Page 13: Health For Life Initiative

Tisa Pro Bold

The main typeface of the Health For Life Initiative is Tisa Pro Bold. It is to be used in headings only.

The type size and leading can be used at discretion, but never below 18pt or px size.

Get more inwfo and a full speciment here: https://typekit.com/fonts/ff-tisa-web-pro/n7/wfs

The license for Tisa Pro Bold must be bought individually.

IF TISA PRO IS NOT AVAILABLE, AS IN POWERPOINT PRESENTATIONS OR THE LOW-END WEB, PLEASE USE GEORGIA BOLD.

TYPOGRAPHY

The five boxing wizards jump qu...30 The five boxing wizards jump quickly.24 The five boxing wizards jump quickly.21 The five boxing wizards jump quickly.18

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z1 2 3 4 5 6 7 8 9 0 & @ . , ? ! ’ “ ” ( )

Page 14: Health For Life Initiative

Open Sans

The copy typeface is a complementing sans serif font, called Open Sans.

Use this font at your discretion, but try and stick to the regular and the bold versions usually.

Get more info and a full speciment here: https://typekit.com/fonts/open-sans/n4/wfs

IF OPEN SANS IS NOT AVAILABLE, AS IN POWERPOINT PRESENTATIONS OR THE LOW-END WEB, PLEASE USE ARIAL.

TYPOGRAPHY

The five boxing wizards jump quickly.16 The five boxing wizards jump quickly.14 The five boxing wizards jump quickly.13 The five boxing wizards jump quickly.12

The five boxing wizards jump quickly.11

The five boxing wizards jump quickly.10

The five boxing wizards jump quickly.9

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z1 2 3 4 5 6 7 8 9 0 & @ . , ? ! ’ “ ” ( )

A B C D E F G H I J K L M N O P Q R S T U V W X Y Za b c d e f g h i j k l m n o p q r s t u v w x y z1 2 3 4 5 6 7 8 9 0 & @ . , ? ! ’ “ ” ( )

Page 15: Health For Life Initiative

Photography

Photography must be vivid, warm and friendly. It should display joy from the results of following the program.

Please refrain from using black and white imagery, since they usually have a dark/sad/too serious connotation.

IMAGERY

Page 16: Health For Life Initiative

Web Application

Page 17: Health For Life Initiative

Homepage

WEB

Page 18: Health For Life Initiative

Registration Page

WEB

Page 19: Health For Life Initiative

Researcher Page

WEB

Page 20: Health For Life Initiative

Registration Form Page

WEB

Page 21: Health For Life Initiative

Questionarre Page

WEB

Page 22: Health For Life Initiative