visual identity guidelines. - revolve · heart visual identity guidelines 4 logo concept the heart...

19
Visual Identity Guidelines. This project has received funding from the European Union’s Horizon 2020 Research and Innovation Programme under grant agreement N o 768921.

Upload: others

Post on 24-Aug-2020

4 views

Category:

Documents


1 download

TRANSCRIPT

Page 1: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

Visual Identity Guidelines.

This project has received funding from the European Union’s Horizon 2020 Research and Innovation Programme under grant agreement No 768921.

Page 2: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

2HEART Visual Identity Guidelines

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 Z 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 z 1 2 3 4 5 6 7 8 9 0 ! ? * $ & @ % ( )

T +88 8 888 88 88 M [email protected] W www.heartproject.eu

Piazza Leonardo Da Vinci 32, 20133 Milano

JOHN DOE.COMMUNICATION COORDINATOR

CONCEPT . . . . . . . . . . . 3

TYPOGRAPHY . . . . . . . 13

LOGO . . . . . . . . . . . . . . . 5

BRANDING . . . . . . . . . 15COLORS . . . . . . . . . . . 10

CONTENTS

Page 3: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 3

CONCEPT.

Page 4: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 4

LOGOConcept

The HEART logo was born from the idea of a project characterized by two different but synergic souls: technical solutions for the building envelope (depicted as red bricks) and HVAC systems integrating advanced ICT technologies (depicted as blue electronic circuits). These two souls have to work in a highly complementary way (like the right and left ventricles of the human heart) in order to obtain the best energy, economic and environmental results in the operative phase of the respective

building. Moreover, all the elements and components of the HEART toolkit are coordinated and managed by a cloud-platform collecting all the data flows coming from the building and its technical systems while “pumping” new signals and information for multiple key functions such as decision-making, energy management, and users interaction.

Page 5: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 5

LOGO.

Page 6: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 6

LOGOHEART

Page 7: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 7

LOGOSlogan

Page 8: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 8

LOGOHow to use the logo

When the logo is used in small sizes, use the small version with simpler design and wider spaces, in order to preserve readibility.

Page 9: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 9

LOGOHow to use the logo

The integrity of HEART logo should be respected at all times. Please do not stretch, condense, augment or distort its form. Changing any graphic element of the logo will weaken its impact and detract from the consistent image we seek to project.

Here are some examples of inappropriate uses of the logo.

PROPORTIONSDo not change the proportions of the logos in any way.

EFFECTSDo not add any kind of effects to the logo.

LAYOUTDo not change the layout of the logo.

ANGLEDo not change the orientation of the logo by rotating it any way.

COLORSDo not change any of the colors of the logo.

TYPE Do not change the typography used in the logo.

Page 10: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 10

COLORS.

Page 11: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 11

COLORSMain colors

REDCMYK: 0 / 100 / 100 / 10RGB: 215 / 25 / 32HEX: # D71920

BLUECMYK: 100 / 50 / 0 / 60RGB: 0 / 55 / 99HEX: # 003562

YELLOWCMYK: 0 / 15 / 100 / 0RGB: 255 / 212 / 0HEX: #FFD400

Page 12: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 12

COLORSSecondary colors

CMYK: 0 / 60 / 60 / 06RGB: 230 / 124 / 96HEX: # E57B5F

CMYK: 0 / 5 / 33 / 0RGB: 255 / 238 / 183HEX: # FFEDB6

CMYK: 0 / 3 / 20 / 0RGB: 255 / 243 / 209HEX: # FFF3D1

CMYK: 0 / 100 / 100 / 35RGB: 167 / 14 / 19HEX: # A70E12

CMYK: 60 / 30 / 0 / 36RGB: 71 / 110 / 150HEX: # 476D96

CMYK: 0 / 5 / 33 / 0RGB: 255 / 224 / 115HEX: # FFE073

CMYK: 0 / 100 / 100 / 60RGB: 121 / 0 / 0HEX: # 790000

CMYK: 80 / 40 / 0 / 48RGB: 14 / 79 / 123HEX: # 0D4F7A

CMYK: 100 / 50 / 0 / 85RGB: 0 / 19 / 57HEX: # 001339

RED

BLU

E

YELL

OW

Page 13: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 13

TYPOGRAPHY.

Page 14: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 14

TYPOGRAPHYBrandon Grotesque

The primary typeface is Brandon Grotesque. This typeface is to be used for all HEART communications.

When use of Brandon Grotesque fonts is not possible, like in emails or Microsoft Office documents, use Trebuchet MS.

Brandon Grotesque is a modern sans-serif geometric typeface with six different weights plus matching italics styles.

The main weights used for HEART are:

Titles: Brandon Grotesque BlackABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?*$&@%()

Lead-in, highlights: Brandon Grotesque BoldABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?*$&@%()

Body: Brandon Grotesque RegularABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!?*$&@%()

BRANDON GROTESQUE BLACKBrandon Grotesque BlackBrandon Grotesque Regular: Maxima qui corum quo berovid isciasi arum que abo. Icat odis volupisci volori nobit, sim quiae millacea sera nonsed ute cum cum late am, consequatam doluptat Brandon Grotesque Bold blandit tempus porttitor. dolorum volum ut et autem et pore litibus.

Page 15: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 15

BRANDING.

Page 16: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 16

BRANDING

T +88 8 888 88 88 M [email protected] W www.heartproject.eu

Piazza Leonardo Da Vinci 32, 20133 Milano

JOHN DOE.COMMUNICATION COORDINATOR

Page 17: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 17

BRANDING

Page 18: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 18

BRANDING

Page 19: Visual Identity Guidelines. - REVOLVE · HEART Visual Identity Guidelines 4 LOGO Concept The HEART logo was born from the idea of a project characterized by two different but synergic

HEART Visual Identity Guidelines 19

CONTACT

WP Communication Partner:

REVOLVE

[email protected]: +32 23183984

Rue d’Arlon 63-67B-1040 Brussels, Belgium