Realationship by Irene Saccani

Brand Book

CONNESSIONI UMANE

Realationship

IRENE SACCANI Design della Comunicazione Sezione C3 A.A 2013/2014 Laboratorio di Progetto della Comunicazione Visiva

INDICE 0.1 LOGOTIPO

Logotipo Griglia e misure Area di rispetto Declinazioni Versione bianco e nero Palette colori

6 7 8 9 10 11

COMUNICAZIONE INTERNA

Carta intestata Busta Biglietto da visita Cartellina

18 20 23 25

COMUNICAZIONE ESTERNA

Elementi ricorrenti Tessera associativa Gadget Oggetti dâ&#x20AC;&#x2122;arredamento Segnaletica Applicazioni

28 30 31 32 33 35

0.2

Font logotipo Font comunicazione Dimensioni consigliate Resistenza al rumore Usi scorretti

12 13 14 15 16

0.3 Manifesto Applicazione Sito internet Applicazione

36 40 42 43 46

Brand Book

0.1

LOGOTIPO

Realationship

LOGOTIPO

Il logotipo è stato realizzato utilizzando una font script, Lauren Script, per rendere l’idea di una scritta composta a mano e quindi più personale e “umana”. Il payoff rafforza i valori che il movimento vuole esprimere, ed è realizzato con una font graziata, Josefin Slab. La parola “Real” è messa in evidenza dal colore arancione per rendere più chiaro il gioco di parole (“Realationship” - relazione reale - al posto di “Relationship” - relazione).

CONNESSIONI UMANE

Brand Book

GRIGLIA E MISURE

La griglia è stata realizzata partendo da un modulo base di 0,8 cm in orizzontale, poi ripetuto o suddiviso. È importante la linea che separa la parola “Real”, poiché viene utilizzata come margine di allineamento non solo del payoff, ma dell’intera comunicazione del movimento (ad esempio per carta intestata e biglietto da visita).

0,8 cm 0,8 cm 0,4 cm 0,4 cm

CONNESSIONI UMANE 1,1 cm

3,6 cm

5,3 cm

1,2 cm 0,2 cm

Realationship

AREA DI RISPETTO

La leggibilità del logotipo è massima se viene rispettata l’area evidenziata in grigio, ovvero nel caso in cui tutti gli elementi grafici e testuali non relativi al logotipo si mantengano esterni ad essa. L’area di rispetto è stata definita partendo dal modulo di base di 0,8 cm, ripetuto all’esterno di tutti i margini del logotipo.

CONNESSION UMANE I UMAN E CONNESSIONI

Brand Book

PALETTE COLORI

La palette del movimento presenta, oltre al nero, due colori pantone scelti per il loro significato intrinseco: l’arancione indica persone energiche e in armonia con ciò che li circonda, mentre l’azzurro è il colore della socialità. Il nero accompagna l’arancione nel logotipo.

PANTONE P 34-8 C Codice web: #ea5a12 R: 234 G: 90 B: 18 C: 0 M: 75 Y: 98 K: 0

PANTONE P 104-7 C Codice web: #2f65ae R: 47 G: 101 B: 174 C: 85 M: 58 Y: 0 K: 0

PANTONE P BLACK C Codice web: #1c1c1b R: 28 G: 28 B: 27 C: 0 M: 0 Y: 0 K: 0

Realationship

DECLINAZIONI

Nel caso di uno sfondo diverso dal bianco, vengono utilizzate due declinazioni: lo sfondo arancione viene usato principalmente per la comunicazione interna e per le applicazioni, mentro lo sfondo azzurro per i gadget. Per questione di leggibilitĂ , su sfondi colorati Ă¨ necessario utilizzare il bianco al posto del nero per il logotipo. Non sono previsti sfondi di colori diversi da quelli presenti nella palette.

CONNESSIONI UMANE

Brand Book

VERSIONE BIANCO E NERO

Laddove non fosse possibile l’uso del logotipo a colori, sono previste versioni di quest’ultimo in scala di grigi, da applicare su sfondo bianco o nero.

CONNESSIONI UMANE

Realationship

FONT LOGOTIPO

La font utilizzata per comporre il logotipo è Lauren Script. Si tratta di una font script ma estremamente leggibile, che conferisce al logotipo un aspetto più “umano” e meno virtuale.

abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz 0123456789!?&(/|\)

Brand Book

FONT COMUNICAZIONE

Per la comunicazione del movimento la font scelta è Josefin Slab, con peso regular o bold. Questa font è un buon compromesso tra un carattere a bastoni e uno script ed è quindi adatta per esprimere i valori intrinsechi al movimento.

abcdefghijklmnopqrstuvwxyz

abcdefghijklmnopqrstuvwxyz 0123456789!?#%&$@*{(/|\)}

Realationship

DIMENSIONI CONSIGLIATE

10,5 cm

È necessario porre attenzione alla grandezza di logotipo e payoff: per questioni di leggibilità, è bene non diminuire l’insieme al di sotto dei 6 cm. Sotto di questa soglia, fino a circa 2,5 cm di lunghezza, il logotipo rimane leggibile, ma il payoff no. Nel caso per esempio dei biglietti da visita, in cui è disponibile uno spazio molto ristretto, è stato infatti adottato il solo logotipo.

CONNESSIONI UMANE 6 cm

CONNESSIONI UMANE

2,5 cm CONNESSIONI UMANE

Brand Book

RESISTENZA AL RUMORE

Di seguito sono riportate alcune prove di resistenza al rumore: nell’ordine sono sfocatura, effetto pixel e mezzetinte, con valori diversi applicati all’effetto. In generale, il logotipo è abbastanza resistente, mentre il payoff è più difficilmente leggibile.

Realationship

USI SCORRETTI

È necessario evitare alcuni usi del logotipo: non inclinare, non posizionare su sfondo troppo simile al colore scelto per il logotipo, non distorcere, non spostare il payoff, non utilizzare colori diversi da quelli della palette, non usare lo stesso colore per tutte le lettere del logotipo, non applicare effetti, non diminuire oltre la soglia di leggibilità prevista, non utilizzare font diverse.

SIO

NES

CON

M NI U

CONNESSIONI UMANE

Queste regole devono essere rispettate per garantire una corretta applicazione e leggibilità. CONNESSIONI UMANE

CONNESSIONI UMANE

Brand Book

0.2

COMUNICAZIONE INTERNA 17

Realationship

CARTA INTESTATA

Di seguito sono riportate le misure e la griglia della carta intestata. Lâ&#x20AC;&#x2122;area in grigio rappresenta lo spazio allâ&#x20AC;&#x2122;interno del quale va inserito il destinatario; le linee tratteggiate indicano i punti in cui viene piegato il foglio per inserirlo nella busta.

3 cm 4,5 cm

10 cm

0,5 cm 5,5 cm

9,7 cm

1,5 cm 2 cm 0,5 cm 2 cm

5,5 cm 1,5 cm 10 cm

Brand Book

CARTA INTESTATA

Esempio di carta intestata. CONNESSIONI UMANE

3334156900 realationship@gmail.com www.realationship.it

Michelini Davide Via Candiani Giuseppe 101 20158 Milano

Oggetto: Realationship 18 Giugno 2014, Milano Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse nec felis non ipsum fermentum dictum vel at libero. Quisque viverra nisi quis dolor hendrerit, nec condimentum dolor tristique. Nulla dui libero, pharetra iaculis sem vitae, mattis condimentum erat. Phasellus scelerisque urna lacus, et laoreet lacus consequat vel. Donec eu felis orci. Donec scelerisque lorem sed magna hendrerit, ac mollis leo varius. Nam fringilla vulputate nisi sed suscipit. Phasellus venenatis tempus tellus, et vehicula lectus feugiat vel. Mauris nec rhoncus magna. Vestibulum ullamcorper augue ut quam posuere bibendum. Suspendisse vel massa elementum metus sollicitudin molestie ac eu nulla. Aliquam erat volutpat. Curabitur tempus dictum libero. Aliquam felis metus, tempor id ullamcorper ut, luctus eget magna. Nam porta est libero, a lacinia sapien venenatis et. Mauris gravida suscipit sagittis. Nunc bibendum magna purus, nec lacinia tellus venenatis vitae. Nulla facilisi. Aenean sed velit elementum, interdum erat a, rhoncus enim. Proin gravida, est id egestas varius, risus sem condimentum neque, sit amet dapibus nisl leo sit amet sem. Sed quis volutpat nunc, quis tempor odio. Vestibulum quis venenatis elit, at hendrerit felis. Morbi nisl sem, condimentum in velit ut, feugiat lacinia dui. Proin auctor aliquam diam nec malesuada. Ut egestas tellus id tortor molestie, vehicula imperdiet nunc sollicitudin. Donec bibendum nisi ultrices libero feugiat dapibus. Mauris sagittis risus vel ligula viverra, ac lacinia nibh facilisis. Donec ligula enim, mattis vel erat vitae, mollis auctor eros. Aenean pharetra metus tellus, sit amet facilisis libero molestie non. Cras faucibus adipiscing lacus, in feugiat turpis iaculis et. Aliquam placerat semper odio, in scelerisque lorem accumsan sed. Fusce at ornare magna, vitae volutpat neque. Cras semper orci velit, quis molestie nunc volutpat ultricies. Etiam in ultrices arcu. Nunc vestibulum pretium magna, ac fringilla mi tincidunt mattis. Donec vel quam ut lorem facilisis ullamcorper et vel arcu. Etiam lobortis diam vitae sem tristique facilisis. Sed non tincidunt turpis, vel dapibus sem. Sed non euismod neque.

Realationship

BUSTA

Di seguito sono riportate griglia e misure della busta. Le dimensioni sono quelle standard della busta da lettere italiana, 23x11 cm.

1,5 cm 1,5 cm 2 cm 11 cm 4,5 cm

1,5 cm

1,5 cm 2 cm

7 cm

1,5 cm 23 cm

Brand Book

BUSTA

Esempio di busta. Gli unici elementi riportati sul fronte sono logotipo, mittente e destinatario. CONNESSIONI UMANE

Michelini Davide Via Candiani Giuseppe 101 20158 Milano via Durando 10 20158, Milano Italy

Realationship

BUSTA

Il retro della busta non presenta alcun elemento, ma l’identità del movimento è resa riconoscibile dal colore arancione.

Brand Book

BIGLIETTO DA VISITA

Il biglietto da visita presenta le dimensioni standard di 8,5x5,5 cm. Di seguito è riportata la griglia utilizzata. Per questioni di leggibilità, sul retro il payoff non è stato inserito.

0,7 cm 0,4 cm CONNESSIONI UMANE

1,5 cm 1 cm

1 cm 1,2 cm 1,9 cm 0,4 8,5 cm

5,5 cm

0,8 cm 0,4 cm 1,5 cm

via Durando 10 20158, Milano 3334156900 realationship@gmail.com www.realationship.it

1 cm 1 cm 1,2 cm 1,9 cm 0,4 8,5 cm

Realationship

BIGLIETTO DA VISITA

Fronte e retro del biglietto da visita.

CONNESSIONI UMANE

via Durando 10 20158, Milano 3334156900 realationship@gmail.com www.realationship.it

Brand Book

CARTELLINA

La cartellina contenente carta intestata e biglietto da visita Ă¨ stata pensata per essere immediatamente riconoscibile: la prevalenza del colore arancione e la griglia sono gli stessi utilizzati per tutta la comunicazione. Di seguito Ă¨ riportato il lato esterno della cartellina.

CONNESSIONI UMANE

via Durando 10 20158, Milano 3334156900 realationship@gmail.com www.realationship.it

Realationship

CARTELLINA

Di seguito Ă¨ riportato il lato interno della cartellina, con relativo ingombro di biglietto da visita e carta intestata.

CONNESSIONI UMANE

3334156900 realationship@gmail.com www.realationship.it

Michelini Davide Via Candiani Giuseppe 101 20158 Milano

Brand Book

0.3

COMUNICAZIONE ESTERNA 27

Realationship

TESSERA ASSOCIATIVA

Le seguenti misure e la seguente griglia vengono utilizzate per l’impostazione della tessera associativa.

UNISCITI ALLA COMMUNITY DELLA REALTÀ

0,4 cm

Sul retro è importante inserire indirizzo e contatti del movimento; è inoltre necessario uno spazio dedicato ai dati personali di chi si iscrive al movimento.

CONNESSIONI UMANE

1,5 cm

5,5 cm

via Candiani 101, Milano realationship@gmail.it www.realationship.it

0,4 cm

Nome

1,5 cm

N° Tessera Firma

1 cm 1 cm

2,2 cm 0,8 cm 8,5 cm

1 cm 1 cm

2,2 cm 0,8 cm 8,5 cm

Brand Book

TESSERA ASSOCIATIVA

Fronte e retro della tessera associativa. UNISCITI ALLA COMMUNITY DELLA REALTÀ

via Candiani 101, Milano realationship@gmail.it www.realationship.it CONNESSIONI UMANE

Nome N° Tessera Firma

Realationship

ELEMENTI RICORRENTI

La “goccia” è un elemento ricorrente di Realationship. Richiama il simbolo del posizionamento nelle mappe ed è utilizzato sia per rendere riconoscibile il movimento nei gadget e nella comunicazione, sia per indicare le installazioni realizzate nelle città dal movimento. Per quanto riguarda le applicazioni realizzate dagli aderenti al movimento, viene utilizzata la goccia con sfondo arancione; per i gadget viene usata la goccia con sfondo azzurro.

Brand Book

GADGET

Il movimento prevede diversi gadget destinati ad essere distribuiti o acquistati: un adesivo che può essere posto a piacere ad esempio in alcuni luoghi di ritrovo, un braccialetto in silicone, una cover per iPhone (per ricordarsi, ogni qualvolta si prende in mano il cellulare, di Realationship e dei suoi valori), una spilla, un cuscino portatile a forma di goccia che può essere facilmente trasportato e utilizzato per sedersi in compagnia in luoghi di ritrovo come le piazze. Nei gadget viene utilizzato l’azzurro come colore di sfondo, mentre la goccia del posizionamento è arancione.

Realationship

GADGET

La t-shirt presenta diversi elementi: sul fronte vengono posizionati il logotipo e una frase ricorrente; sul retro Ă¨ stilato un elenco dei luoghi in cui sono presenti le installazioni del movimento; infine, sulla manica sinistra, Ă¨ posta la goccia di Realationship.

Brand Book

OGGETTI D’ARREDAMENTO

Per quanto riguarda le installazioni, Realationship prevede di ricostruire in luoghi di ritrovo della città dei salotti, in modo da creare un ambiente confortevole e familiare in luoghi non convenzionali e invogliare quindi le persone a socializzare. Di seguito vengono mostrati alcuni oggetti d’arredamento proposti da Realationship.

Realationship

OGGETTI D’ARREDAMENTO

Oggetti d’arredamento proposti da Realationship.

Brand Book

.r e a

lations

.it

Le installazioni sono segnalate da alcuni elementi: adesivi riportanti il sito internet dedicato al movimento, adesivi da applicare per terra in modo da formare un percorso che conduca ai salotti (in questo caso, la lettera “r” al centro della goccia viene ruotata a seconda del senso di percorrenza), cartelli da porre nelle metropolitane nei pressi dei salotti, totem da posizionare nei pressi dei salotti installati all’aperto (provvisti di lampadina che, di notte, può fungere anche da fonte di luce).

.it

SEGNALETICA

latio nsh

Realationship

APPLICAZIONI

Esempi di installazioni in una stazione metropolitana e in una piazza.

Brand Book

APPLICAZIONI

Esempio di installazione allâ&#x20AC;&#x2122;aperto, di notte.

Realationship

APPLICAZIONI

Esempi di segnaletica.

Brand Book

APPLICAZIONI

Esempi di posizionamento degli adesivi.

Realationship

MANIFESTO

Griglia del manifesto con relative misure.

5 cm 6,5 cm 14 cm 3 cm 4 cm 15,5 cm

5 3,5

25 cm 3 cm

Brand Book

MANIFESTO

La griglia, gli allineamenti e i colori scelti mantengono gli stessi criteri visti in precedenza per quanto riguarda la comunicazione di Realationship. Lâ&#x20AC;&#x2122;immagine scelta rappresenta sia i valori sia le azioni del movimento.

UNISCITI ALLA COMMUNITY DELLA REALTĂ&#x20AC; Raggiungici nelle: Piazze: Duomo Cinque Giornate Gae Aulenti Porta Genova

Metropolitane: Centrale Piola Rogoredo Garibaldi

Sono inoltre elencati i luoghi in cui vengono installati i salotti.

Vieni a trovarci sul sito: www.realationship.it

Realationship

APPLICAZIONE

Esempio di applicazione del manifesto.

Brand Book

SITO INTERNET

Di seguito è presentata la struttura del sito internet e l’ingombro dei vari elementi.

CERCA CONNESSIONI UMANE

HOME

CHI SIAMO

EVENTI

COMMUNITY

GADGET

CONTATTI

GALLERIA A SCORRIMENTO

DOVE SIAMO

TESTO A SCORRIMENTO

IMMAGINI RELATIVE ALLA SEZIONE

CALENDARIO

Realationship

SITO INTERNET

Esempio della sezione Eventi. CERCA CONNESSIONI UMANE

HOME

DOVE SIAMO LUGLIO L

M M G V S

30 1

3 4

10 11

12 13

14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

CHI SIAMO

EVENTI

COMMUNITY

GADGET

CONTATTI

02 Luglio 2014 PIAZZA GAE AULENTI Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 15 Luglio 2014 STAZIONE METROPOLITANA ZARA Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. 12 Agosto 2014 PIAZZA DUOMO

via Candiani 101 20158, Milano Italy

3334156900 realationship@gmail.it CONNESSIONI UMANE

Brand Book

SITO INTERNET

Esempio della sezione Dove siamo. CERCA CONNESSIONI UMANE

HOME

CHI SIAMO

EVENTI

COMMUNITY

GADGET

CONTATTI

DOVE SIAMO LUGLIO L

M M G V S

30 1

3 4

10 11

12 13

14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31

via Candiani 101 20158, Milano Italy

3334156900 realationship@gmail.it CONNESSIONI UMANE

Realationship

APPLICAZIONE

Applicazione del sito internet.

Brand Book

UNISCITI ALLA COMMUNITY DELLA REALTÀ

Realationship