sapienza corporate identity and digital graphics system · such as a name, logo, slogan, and design...

06062016 6th UNICA PR amp Communication Workshop Pagina 1

6th UNICA PR amp Communication Workshop Sapienza Corporate Identity

and Digital Graphics System

Daniela Vingiani amp Riccardo Tacconi


Sapienza Corporate Identity Project

bull A brand is a collection of images and ideas representing an

istitution more specifically it refers to the concrete symbols

such as a name logo slogan and design scheme A brand is

a symbolic embodiment of all the information connected to a

company product or service

bull The corporate identity (or brand identity or visual identity) is a

system which allows to apply the brand to different

communication supports (from writing paper to the website

from visit cards to video-products) It is a tool which makes the

source of communication easy to recognize

bull Sapienza started to use a unique visual identity in 2006


The Cherub 1 (Church of SantrsquoIvo alla Sapienza)


The Cherub 2 (main Campus)


The Minerva


Historical Logos

1933 1945

1700 ca 1926 anni rsquo30 anni rsquo30

1933 1938 anni rsquo40


Logos In Use Before the Project


Logos of the Faculties (examples)

Facoltagrave di Studi Orientali


Logos of Departments and Centers (examples)

Dipartimento di Fisiopatologia Medica

Dipartimento di Caratteri dellrsquoArchitettura Valutazione e Ambiente

Centro Ateneo per la Ricerca sulla Formazione e sullInnovazione Didattica


Logos of the University Hospitals


Resume of the pre-existent situation


Comparison Universities in Rome

Universitagrave Pontificia Urbaniana


Comparison Universities in Italy


Comparison International Universities


Comparison Restyling of University logos


Cherubino of the Church in Saint Ivo alla Sapienza

Symbol used in the 18 th century

Old registered Logo

Minerva in the graduation diploma

ldquoMinervardquo statue of Arturo Martini

Design of the New Logo

Collection of Existing Symbols



Universitagrave degli Studi di Roma

ldquoLa Sapienzardquo

Sapienza Universitagrave di Roma

Projecting the New Naming


Projecting the New Brand the Final Result

06062016 6th UNICA PR amp Communication Workshop Pagina 20 Elements





Brand architecture

Designing the Brand Architecture

the Pre-existing Situation

06062016 6th UNICA PR amp Communication Workshop Pagina 24 Brand architecture


the Final Result

06062016 6th UNICA PR amp Communication Workshop Pagina 25 Forms design

Before the Brand Revolution


After the Brand Revolution


06062016 6th UNICA PR amp Communication Workshop Pagina 28 Branding



06062016 6th UNICA PR amp Communication Workshop Pagina 31 Comunication







Creating a New Claim Tradition and Innovation

Il futuro egrave passato qui
















Pagina 1

Sapienza 2010

6th UNICA PR amp Communication Workshop 06062016

Complete lack of

homogeneity and inadequate use of the brand

2006

Pagina 2

Sapienza 2013


Homogeneity for over 400 websites

including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013

Homogeneity and use of adequate branding


Corporate Brand Guidelines

It must be used consistently in the proper approved forms

The style of an identity system declined in all its forms has the objective of keeping

recognizable and defined the character of the brand of an organization a service a

project

Sapienza logo

Sapienza logo is built on a

rectangle divided modularly

The modular scanning defines

the exact location of the

elements and allows you to

define the compliance area

Projects

In addition to the brand architecture of faculties departments centers and other

internal structures a particular brand architecture was designed for special

projects

The label is composed of Sapienza cherub together with the name of the project

Descriptor goes beside Sapienza logo

Sapienza font uppercase and small caps

The name of the project must include Sapienza in its title

It will not be longer than 22 characters including spaces ( excluding the word Sapienza )


PROGETTI ndash Il marchio verragrave composto con il cherubino Sapienza al quale verragrave

affiancato il nome del progetto editato con il font Sapienza maiuscolo e maiuscoletto

Il nome del progetto dovragrave includere il nome Sapienza posto a chiusura e non potragrave

essere piugrave lungo di 22 caratteri spazi inclusi (e


The Sapienza logo which do I use


The visual is an additional icon that represents

values objectives or the specific function of a structure

a project or a University event

It does not constitute the institutional identity and does not replace Sapienza logo


Visual

bull The visual can be used on websites as a specific image

bull It should be clearly differentiated from the logo

bull It can not therefore contain or reinterpret its elements



Visual


Visual identity

Corporate typefaces Sapienza font

Developed specifically for the

University logo

It is also used to compose

trademarks and descriptors of

first class structures and

projects with derived brand

It can never be used to create other logos for second level structures

Arial is used in weight bold and regular in all digital materials and to compose the

headlines of courses masters professorsrsquo web pages etc and all other cases not

contemplated in the official brand architecture

Visual identity

Color


Colori

Sapienza web identity system

allows the use of 13 colors divided

in institutional and complementary

colors

All the colors shown in this table

are web safe

The institutional colors are the

basis for every web product and

can be integrated with

complementary colors

Complementary colors are

attributed to certain types of

sections of the institutional

webportal These colors can be

employed within web products for

example for differentiating macro-

areas or icons

Visual identity


Headers are required to include a university logo

PORTAL ML H60px ndash English version font Arial 10pt - Menugrave target font Arial bold 14

STRUCTURES ML H45px ndash Descriptor font Sapienza SC 1417pt ndash Menugrave primo livello font Arial bold 10max11pt bold 14

PROJECTS ML H60px ndash Menugrave primo livello font Arial bold 10max11pt

Headers

Visual identity


GENERIC ML H45px ndash Descriptor font Arial regular e bold 1417pt ndash Menugrave primo livello font Arial bold 10max11pt - Menugrave servizio font Arial bold 11

COURSES ML H60pxndash Descriptor font Arial regular e bold 1316pt ndash Menugrave primo livello font Arial bold 12pt

SERVICES ML H60 px - Menugrave di servizio Arial bold

Headers

Head Alignments


Sapienza first-level structures use a tested Sapienza font

The alignment composition is different than the brand usage in printed materials

Depending on the extent of the structurersquos name the composition can be from 1 to 3 lines

The same alignment criteria is maintained for second-level structures heads with descriptor in

Arial font

Paging Grid


PORTAL STRUCTURES PROJECTS AS INFORMATIVE WEBSITES

The cage is always on 3 different columns

It must be used by Faculties Departments Research Centers Museums and Libraries

Projects should be evaluated on case by case basis depending on their nature

Sapienza websites must adopt one of the following layout cages

Paging Grid


PROJECTS SERVICES MANAGEMENT

The cage is always on 2 columns where the child can be placed either on the right

or on the left

Other elements Lists buttons banner


These are

some

examples

of pre-

defined

elements

for digital

use

Other elements

Menu items tables hellip


Icons


Sapienza icons must be built

on a shared modular

squareso that the

compliance area is respected

Icons


A set of

already designed icons

Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services

Itrsquos a scalable solution

one that is easy to learn

and read and

it doesnrsquot require a fresh

learning curve with each

product revision

Social network



Thank you


Sapienza Corporate Identity Project

bull A brand is a collection of images and ideas representing an

istitution more specifically it refers to the concrete symbols

such as a name logo slogan and design scheme A brand is

a symbolic embodiment of all the information connected to a

company product or service

bull The corporate identity (or brand identity or visual identity) is a

system which allows to apply the brand to different

communication supports (from writing paper to the website

from visit cards to video-products) It is a tool which makes the

source of communication easy to recognize

bull Sapienza started to use a unique visual identity in 2006






The Minerva


Historical Logos

1933 1945





























Old registered Logo


















Brand architecture





the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you






The Minerva


Historical Logos

1933 1945





























Old registered Logo


















Brand architecture





the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you


Historical Logos

1933 1945





























Old registered Logo


















Brand architecture





the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you



























Old registered Logo


















Brand architecture





the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you














Brand architecture





the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you



the Final Result

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

































Pagina 1

Sapienza 2010


Complete lack of


2006

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Pagina 2

Sapienza 2013



including web

portal in English

and websites of

laboratories

libraries

professors

workshops

courses sites etc


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you


Sapienza 2013







project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you






project

Sapienza logo







Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Projects



projects



















Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you







Visual






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you






Visual


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you


Visual identity



University logo









Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Visual identity

Color


Colori




colors


are web safe











areas or icons

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Visual identity






Headers

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Visual identity





Headers

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Head Alignments






Arial font

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Paging Grid







Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Paging Grid




or on the left



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you



These are

some

examples

of pre-

defined

elements

for digital

use

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Other elements



Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Icons



on a shared modular

squareso that the


Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Icons


A set of


Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Mnemonic system


Sapienza uses a

mnemonic system to

identify apps and

services



and read and



product revision

Social network



Thank you

Social network



Thank you


Thank you

sapienza corporate identity and digital graphics system · such as a name, logo, slogan, and design...

Documents