Brandbook

Design concept - CiviBank

Elemento chiave: il frame

L’elemento cardine della comunicazione CiviBank è il frame, estrapolato dal logo istituzionale. 

frame civibank
download frame civibank

Frame e visual

Nei supporti ADV, il frame diventa parte integrante del visual: infatti non si comporta né come una cornice contenitiva né come un frame banalmente sovrapposto, bensì come un elemento assorbito all’interno dell’immagine. Nell’inquadrare il soggetto protagonista della scena, il frame lo attraversa tanto da andare anche in secondo piano rispetto a determinate porzioni, così da mettere ancora più in risalto il soggetto.

Queste indicazioni sono valide anche per l’utilizzo del frame all’interno di immagini social. 

Frame come fondale pieno 

La variante piena del frame può essere usata come fondale (ad esempio in bianco, come nell’immagine): diventa così un elemento grafico contenitivo, da usare nei contenuti offline e online. In questo caso, si usa solo una porzione del frame, individuata da uno dei quattro angoli. 

Testi in evidenza

Il frame può servire anche da contenitore per testi brevi (ad esempio, titoli o sottotitoli). 

I testi potranno sbordare dalla cornice, fuoriuscendo da una porzione mancante del perimetro. 

I testi allineati a sinistra devono essere proporzionati sia con la cornice (e in particolare con l’apertura dell’angolo in basso a sinistra, sul quale è fissato l’allineamento), sia con la lunghezza del segmento mancante.

Anche i testi allineati a destra devono essere proporzionati sia con la cornice (e in particolare con l’apertura dell’angolo in basso a destra, sul quale è fissato l’allineamento), sia con la lunghezza del segmento mancante 

Utilizzo del frame a dimensioni ridotte

Quando il frame viene collocato a piè pagina (ad esempio per inserire i numeri di pagina, il sito web o altri elementi di intestazione), il suo spessore dev’essere maggiore rispetto alla versione standard, così da garantirne la visibilità. 

Frame come tassello

Il frame nella versione piena può essere sezionato in modo da estrapolare porzioni utilizzabili come elementi grafici contenitivi. 

Per ottenere questo tassello vanno seguite alcune regole: 

  • la metà dell’altezza del frame rappresenta il limite sotto il quale il tassello non può scendere 

  • rispetto al tassello così ottenuto, dei due angoli superiori se ne può mostrare solo uno 

Frame come tasca

Dal frame si può estrapolare anche un elemento grafico con funzione di tasca. Va usato sempre nella versione piena e dovrà seguire le linee guida per i limiti massimi di porzionamento. 

Utilizzo della tasca

La tasca potrà essere abbinata a un box pieno da posizionare in basso. 

L’assemblaggio dei due elementi crea così un piede contenitivo per inserire contenuti dell’ADV. 

Rapporti minimi tra box e tasca

L’altezza e la larghezza del box non devono mai essere inferiori a quelle della tasca. 

Rispetto margine superiore

Il piede, composto da box e tasca, non dovrà mai superare la metà della pagina ADV.

Questo vale sia nell’adattamento verticale, sia in quello orizzontale. 

Collocazione del logo all’interno del piede

Il logo CiviBank va inserito nella parte destra del piede, sulla linea a cavallo tra il box e la tasca: il testo “CiviBank” poggia su questa linea invisibile; il testo “Gruppo Sparkasse” sta invece sotto; i margini a destra e a sinistra del logo CiviBank devono corrispondere alle dimensioni indicate ricavate dagli elementi del logo. 

Le vele come elemento grafico

Il secondo elemento identitario di CiviBank sono le tre vele: sono state estrapolate dal pittogramma del logo per utilizzarle come elemento grafico autonomo. 

Le vele come elenco puntato

Il simbolo degli elenchi puntati è una riproposizione della vela, così ottenuto: 

  • si prende una delle tre vele del logo 

  • la si ruota di 12,183°, così da renderla parallela alla pagina 

Nel fare questo, si dovranno seguire le seguenti regole di proporzione rispetto al testo: 

  • la vela dovrà avere la stessa altezza dell’occhio medio del testo 

  • la distanza tra la vela e il testo dev’essere uguale alla larghezza della vela stessa 

Accostamento al logo B Corp in versione estesa

Le proporzioni si basano sulla dimensione del logo Civibank, il cui pittogramma diventa l’unità di misura per definire lo spazio minimo di rispetto tra i due loghi. Ciò permette di collocare i loghi nei due angoli opposti di un qualunque supporto comunicativo. 

Accostamento al logo B Corp in versione abbreviata

Le proporzioni si basano sulla dimensione del logo Civibank, il cui pittogramma diventa l’unità di misura per definire lo spazio minimo di rispetto tra i due loghi. Una linea verticale si frappone tra i loghi, fungendo da elemento divisorio. 

Adv

L’immagine mostra gli annunci istituzionali nei formati 50x70. 

Immagini social

Template per la realizzazione di immagini social. 

Testi e immagini vanno personalizzati in base alle esigenze, senza però alterare il layout compositivo e le proporzioni degli elementi. 

Carta intestata