design guidelines brand identity system
1
2
3
introduzione
logotipo e elementi BASE
ELEMENTI DEL SISTEMA
1.1 Nota operativa
2.1 Brand signature
3.1 Overview generale
2.2 Pay off
3.2 Tipografia principale
2.3 Logo Gruppo Montepaschi
3.3 Colori principali
2.4 Tipografia istituzionale
3.4 Colori secondari
2.5 Sistema icone 2.6 Modulistica base 2.7 Power point
4
5
6
STRUTTURA per la stampa
STRUTTURA per il digitale
FOTOGRAFIE E IMMAGINI
4.1 La struttura
5.1 La struttura
6.1 Principi
4.2 Gabbia verticale
5.2 Banner rettangolari
6.2 Persone
4.3 Gabbia orizzontale
5.3 Banner skyscraper
6.3 Still Life
4.4 Gabbia verticale
5.4 Variante sottile modulo B
6.4 Immagini scontornate
4.5 Gabbia quadrata
5.5 Banner orizzontali
6.5 Illustrazioni
4.6 Utilizzo Speciale
5.6 Banner verticali
6.6 Archivio fotografico
4.7 Promotori finanziari
5.7 DEM
4.8 Parternship
5.8 Promotori finanziari 5.9 Video 5.10 Social Network
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
1
introduzione
1.1.0 Nota operativa
design guidelines brand identity system
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1.1.0 Nota operativa L'identità visiva di widiba non è composta solo dal suo marchio. Si tratta di un sistema complesso, composto da una serie di elementi fondamentali che insieme creano un look distintivo e immediatamente riconoscibile. Non è prevista la creazione di nuovi loghi per nessuna specifica categoria, prodotto o servizio a meno che non sia stata ufficialmente autorizzata dall'ufficio comunicazione.
Le pagine che seguono presentano le regole di applicazione dei vari elementi di Widiba, lo scopo non è di limitare la creatività, ma di fornire linee guida utili per consentire ai collaboratori, partner e fornitori di esprimere sempre efficacemente il brand widiba attraverso una vasta gamma di applicazioni e media.
Per il suo corretto utilizzo sono necessarie una serie di regole che vengono espresse in questo manuale, e che potranno essere d’aiuto per: 1. costruire un’immagine coerente che possa distinguerla dagli altri competitors. 2. comunicare l’identità in modo chiaro per aumentare la riconoscibilità del brand al pubblico. 3. assicurare coerenza a lungo termine, tenendo conto della necessaria flessibilità per rispondere ai cambiamenti del mercato o dei prodotti. 4. creare il massimo impatto in tutti i media, dalla stampa al video. 5. minimizzare i costi e rendere più facili i processi di implementazione attraverso la standardizzazione degli elementi.
Il successo di questo sistema dipende dalla sua comprensione, dalla cooperazione e dalle attività di supporto che ognuno include nella creazione e produzione dei diversi strumenti comunicativi. Per ottenere tutti i vantaggi di questo sistema, seguitene le linee guida in modo rigoroso.
©2016 widiba S.p.A. Tutti i contenuti di questo manuale sono stati sviluppati per supportare le attività di comunicazione stampata e digitale di widiba S.p.A. è sono di sua proprietà esclusiva. Il manuale è destinato esclusivamente ai dipendenti o collaboratori che devono sviluppare strumenti o artefatti comunicativi per l’azienda. L'uso non autorizzato del nome, del marchio, del font, delle immagini e di tutto il materiale grafico contenuto in questo manuale è proibito e protetto da copyright.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2
logotipo e elementi base
2.1.0 Brand signature Struttura e proporzioni
2.2.0 Pay off Versioni compatta
2.6.0 Modulistica base Esempio carta da lettera
2.1.1 Brand signature Area di rispetto
2.2.1 Pay off Struttura e proporzioni
2.6.1 Modulistica base Esempio busta
2.1.2 Brand signature Dimensioni minime
2.3.0 Logo Gruppo Montepaschi Avvicinamento
2.6.2 Modulistica base Esempio biglietto da visita
2.1.3 Brand signature Colori istituzionali
2.4.0 Tipografia istituzionale Widiba rounded
2.7.0 Power point Esempio presentazioni
2.1.4 Brand signature Background colorati
2.4.1 Tipografia istituzionale Widiba serif e script
2.1.5 Brand signature Versioni b/n
2.4.2 Tipografia istituzionale Widiba display numbers
2.1.6 Brand signature Avvicinamento ad altri marchi
2.5.0 Sistema icone Widiba icons
2.1.7 Brand signature Usi errati
2.5.1 Sistema icone Widiba icons display
design guidelines brand identity system
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.0 Brand signature STRUTTURA E PROPORZIONI La brand signature è composta da due elementi: marchio e logotipo, che devono sempre comparire insieme rispettando tutte le regole esposte nelle pagine seguenti. Il logotipo può essere usato da solo in casi eccezionali, dopo l’autorizzazione del brand office, i cui contatti sono riportati in fondo a questa guideline.
marchio
logotipo
x
1/4x
3x
I due elementi devono mantenere tra di loro sempre le medesime proporzioni e posizioni. Il marchio e il logotipo devono essere riprodotti sempre con la stessa proporzione e posizione uno rispetto all’altro.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.1 Brand signature AREA DI RISPETTO x
Intorno alla brand signature esiste un’area di rispetto che non deve mai essere occupata da elementi grafici o scritte. Tale area corrisponde all’altezza del marchio.
x
x
x
x
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.2 Brand signature DIMENSIONI MINIME Le misure minime sotto cui la brand signature non può essere riprodotta sono legate a fattori tecnici e sono diverse per tutto ciò che viene considerato off-line (stampa) e per tutto ciò che viene considerato on-line (video). Quando il marchio viene riprodotto sotto i 40 mm di base (versione off-line) o 180 px di base (versione on-line) viene sostituito dalla versione con i pallini chiusi.
STAMPA logotipo con pallini aperti
40mm
20mm
particolare ingrandito
DIGITALE logotipo con pallini aperti
180px
Non è possibile riprodurre il marchio sotto le misure minime indicate.
logotipo con pallini chiusi da usare sotto i 40 mm
logotipo con pallini chiusi da usare sotto i 180 px
110px
particolare ingrandito
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
2.1.3 Brand signature COLORI ISTITUZIONALI I colori istituzionali sono codificati in questa pagina: - il widiba magenta che colora il marchio e i pallini della lettera “i” - il widiba blu che colora il logotipo. La codifica di questi colori deve sempre essere rispettata e non ammette modifiche. La brand signature sui rispettivi fondi di colore istituzionali, si presenta in negativo completamente bianca. Riprende i suoi colori istituzionali quando il fondo su cui è posizionata ne garantisce la leggibilità.
widiba magenta C 0 M 85 Y 35 K 0
C 70 M 45 Y 20 K 80
R 245 G 65 B 108
PANTONE 191
PANTONE 532
#FB3D68
#1C2A3A
100%
Sul fondo nero il marchio e il logotipo saranno sempre riprodotti in bianchi.
widiba blu
60%
20%
R 28 G 42 B 58
6. Fotografie e immagini
1. Introduzione
2.1.4 Brand signature BACKGROUND COLORATI Qualora la brand signature venga posta su fondi colorati, resterà in positivo (colori istituzionali) o diventerà in negativo (bianca) per garantirne sempre la massima leggibilità. È importante verificare che il contrasto tra fondo e brand signature sia sempre il massimo possibie e non vi siano mai vibrazioni ottiche tra i colori istituzionali e il fondo colorato.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.5 Brand signature versioni b/N È possibile riprodurre la brand signature in bianco e nero quando è necessario. In negativo la brand signature verrà riprodotta privilegiando il colore che garantisca la maggior leggibilità rispetto al fondo.
80%
70%
60%
50%
40%
30%
20%
10%
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.6 Brand signature avvicinamento ad altri marchi Nel caso sia necessario avvicinare altri marchi alla brand signature è importante mantenere sempre l’area di rispetto, indicata nella sezione 2.1.1. In base alla proporzione dei marchi che devono essere affiancati, verranno scelti due diversi rapporti dimensionali. Tutti i marchi con uno sviluppo compatto (minor differenza tra base e altezza) verranno dimensionati con una altezza totale pari a 1½ X, dove X è l’altezza del marchio widiba. Tutti i marchi con uno sviluppo orizzontale (maggior differenza tra base e altezza), verranno dimensionati con una altezza totale pari a X, dove X è l’altezza del marchio widiba. I marchi saranno in entrambe i casi sempre centrati sull’asse orizzonatale (A) del marchio.
h = 1½ X
h=X A
X
Esempi dimensionamento Nel calcolare la dimensione dei marchi o logotipi non si dovrà tenere conto di eventuali payoff o claim.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.1.7 Brand signature usi errati La brand signature non deve mai essere modificata in nessuna sua componente. Non deformare
Non cambiare proporzioni tra marcho e logotipo
Non cambiare colori
Non cambiare posizioni tra marchio e logotipo
Non cambiare il carattere del logotipo
Non utilizzare il marchio singolarmente
Non cambiare posizioni tra marchio e logotipo
Non applicare ombreggiature o effetti
1. Introduzione
2.2.0 Pay off versioni compatta No ordinary bank è il payoff di Widiba Il payoff quando è usato vicino alla brand signature avrà sempre la stessa dimensione del logotipo widiba. per alcuni casi eccezzionali esiste anche una versione orizzontale per il posizionamento del payoff, l'utilizzo deve essere sempre autorizzato dai contatti posti in fondo a questa guideline.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.2.1 Pay off STRUTTURA E PROPORZIONI La versione compatta della brand signature e del payoff si attengono a precise regole di costruzione. Nella versione compatta il pay off è posto ad una distanza pari all’altezza del logotipo e incilinato di 6°. L’allinemanento iniziale del pay-off corrisponde alla prima “i” del logotipo.
h
6°
h
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.3.0 Logo Gruppo Montepaschi avvicinamento Quando il logo Gruppo Montepaschi dovrà essere affiancato alla brand signature verrà posto ad una larghezza uguale a quella del logotipo Widiba e ad una distanza minima pari alla sua stessa altezza.
Il logo Gruppo Montepaschi si attiene alle regole codificate nella rispettiva guideline.
Il logo Gruppo Montepaschi non potrà mai essere più vicino al marchio widiba della distanza indicata in questa guideline, ma potrà essere posizionato liberamente a distanze maggiori.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.4.0 Tipografia istituzionale widiba rounded I font widiba costituiscono un set di caratteri istituzionali disegnati appositamente per l'azienda. I font presentano una versione rounded, con 4 diversi pesi d'asta, e una versione serif, con un solo peso d'asta. Questo famiglia di caratteri costituisce un sistema tipografico distintivo che permette di caratterizzare tutti i diversi strumenti di comunicazione off-line e on-line.
widiba light Ăˆ vietato l'utilizzo dei font widiba per progetti che non siano direttamente collegati all'azienda.
widiba book
widiba medium
widiba bold Il set dei caratteri widiba può essere scaricato accedendo al sito xxxxxxxxxxxxx.it oppure richiedendolo ai contatti riportati in fondo a questa guideline.
Il widiba rounded e il widiba serif presentano numeri monospaziati adatti alla composizione di dati e tabelle.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
2.4.1 Tipografia istituzionale widiba serif e script I font widiba costituiscono un set di caratteri istituzionali disegnati appositamente per l'azienda. I font presentano una versione rounded, con 4 diversi pesi d'asta, e una versione serif, con un solo peso d'asta. Questo famiglia di caratteri costituisce un sistema tipografico distintivo che permette di caratterizzare tutti i diversi strumenti di comunicazione off-line e on-line.
widiba serif
widiba script Il widiba script è usato solo per il payoff. Qualunque utilizzo diverso deve essere autorizzato dal brand office.
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.4.2 Tipografia istituzionale WIDIBA DISPLAY NUMBER Quando i numeri diventano soggetto della comunicazione (tassi, sconti, offerte,...) è indicato l'utilizzo del font widiba display number. Questo carattere contiene unicamente le cifre e i principali segni matematici e valute.
widiba display number light
widiba display number book
widiba display number medium
012345
67890
3501 2,00% Il widiba display number deve sempre essere utilizzato solo con corpi superiori ai 18 pt o ai 24 px
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.5.0 Sistema icone widiba iconS Il widiba font è un carattere che contiene più di 500 glifi. Queste icone sono state disegnate per mantenere un alta leggibilità quando vengono utilizzate in dimensioni ridotte. Ogni icona identifica una funzione, un prodotto o un'azione nei diversi strumenti di comunicazione dell'azienda, sopratutto in ambito digitale.
Il set dei caratteri widiba icon può essere scaricato accedendo al sito xxxxxxxxxxxxx.it oppure richiedendolo ai contatti riportati in fondo a questa guideline. È vietata l'utilizzo delle icone widiba per progetti che non siano direttamente collegati all'azienda. FINDER ONLINE
widiba icon
Ogni icona è stata associata ad un numero identificativo per un più facile utilizzo. Per questo font è possibile utilizzare la funzione opentype presente nei principali software grafici che permette di trovare il singolo glifo digitando il numero corrispondente.
Per mantenere il giusto rapporto estetico/funzionale, si consiglia un utilizzo di questo font con dimensioni non superiore ai 40 px (1 cm).
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
2.5.1 Sistema icone widiba iconS DISPLAY Questo set di 200 icone circa è una versione display di alcune icone standard. Disegnate per un utilizzo in grandi dimensioni, queste icone si presentano più sottili e con più dettagli rispetto alle icone standard. L'utlizzo di quest set è quindi da privilegiare quando le icone diventano soggetti della comunicazione.
widiba icon display Non possono essere utilizzate con dimensioni inferiore ai 37 px (1 cm)
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
2.6.0 Modulistica base ESEMPIO Carta da lettera
BANCA WIDIBA S.p.A. Sede Sociale e Direzione Generale: via Ippolito Rossellini 16, 20124 Milano www.widiba.it
Capitale Sociale: € 100.000.000 i.v. Codice Fiscale, Partita IVA e n. iscrizione al Registro delle Imprese di Milano: 08447330963 Codice ABI 3442 -
Iscritta all’albo presso la Banca d’Italia al n. 5760 Aderente al Fondo Interbancario di Tutela dei Depositi e al Fondo Nazionale di Garanzia -
Società soggetta all’attività di direzione e coordinamento di Banca Monte dei Paschi di Siena S.p.A., Socio Unico. bancawidiba@postacert.gruppo.mps.it
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
2.6.1 Modulistica base ESEMPIO BuSTA
BANCA WIDIBA S.p.A. Sede Sociale e Direzione Generale: via Ippolito Rossellini 16, 20124 Milano www.widiba.it
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
2.6.2 Modulistica base ESEMPIO BIGLIETTO DA VISITA Mario Rossi responsabile marketing
Ufficio marketong via Ippolito Rossellini 16, 20124 Milano T +39 02 654321 C +39 333 123456 E_mario.rossi@widiba.it
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
2.7.0 Power point ESEMPIO Presentazioni
aspettiamo esempi da widiba
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
3
elementi del sistema
3.1.0 Overview generale Format grafico
3.3.2 Colori principali Sistema utilizzo: target Self
3.2.0 Tipografia principale Utilizzo
3.3.3 Colori principali Sistema utilizzo: target PF
3.3.0 Colori principali
3.3.4 Colori principali Sistema utilizzo: target istituzionale
3.3.1 Colori principali Sistema utilizzo: overview
3.4.0 Colori secondari Fondi
design guidelines brand identity system
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
3.1.0 Overview generale format grafico L'identitĂ visiva di widiba si sviluppa attraverso un format grafico che ha lo scopo di rendere riconoscibili tra loro tutti gli artefatti prodotti (stampati e digitali), per ricondurli ad un unico emittente. Nelle pagine seguenti sono indicati tutti i singoli elementi e le regole generali per l'applicazione di questo sistema.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
3.2.0 Tipografia principale UTILIZZO In questa pagina sono suggeriti gli usi dei font in relazione alla loro destinazione. Il widiba serif e il widiba light sono i caratteri ideali per titolazioni e headline. Il widiba rounded, con i suoi differenti pesi, può essere utilizzato per testi correnti e bodycopy, le versioni Light e Book sono le piÚ indicate per questi tipologie di testi. La versione Medium e Bold possono essere utilizzati per titolazioni e evidenziazioni all'interno dei testi correnti.
Headline e titolazioni
Rorerum simus ent lacil id unt magnate press un dundit Widiba serif
Rorerum simus ent lacil id unt magnate press un dundit Widiba light
Bodycopy e testi correnti Mo eosam, etur, comniss untotati untis inctota tiatem is rehenie nihiciasimus sit, cori diorem rem quas simenitis secea comnien ditaspe se et aut endigen eserferit ea solur, quiat lacepelita ab ius. Alique corepernatur sam qui ilis et rero quossin versper ferchit accus, cum eos et qui aut vellori
Mo eosam, etur, comniss untotati untis inctota tiatem is rehenie nihiciasimus sit, cori diorem rem quas simenitis secea comnien ditaspe se et aut endigen eserferit ea solur, quiat lacepelita ab ius. Alique corepernatur sam qui ilis et rero quossin versper ferchit accus, cum eos et qui aut
Widiba light
Widiba book
Mo eosam, etur, comniss Untotati untis inctota tiatem is rehenie nihiciasimus sit, cori diorem rem quas aut endigen eserferit ea solur, quiat lacepelita ab ius. Alique corepernatur sam qui ilis et rero quossin versper ferchit accus, cum eos et qui aut vellori dictas et alitae ma ni que lant.
Mo eosam, etur, comniss untotati Untis inctota tiatem is rehenie simenitis secea comnien ditaspe se et aut endigen eserferit ea solur, quiat lacepelita ab ius. Alique corepernatur sam qui ilis et rero quossin versper ferchit accus, cum eos et qui aut quis qui dictas et alitae ma ni que lant.
Widiba light // Widiba medium
Widiba book // Widiba bold
Il font widiba non fa parte dei font di sistema, se il font è utilizzato in un documento aperto che viene visualizzato su computer che non l'hanno installato, il font widiba viene sostituito con un font di sistema.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
3.3.0 Colori principali widiba magenta
I colori principali del format sono quelli codificati in questa pagina. Al widiba magenta e widiba blu utilizzati, anche per il marchio, vengono affiancate 4 intensitĂ di grigio: scuro, medio, chiaro e chiarissimo.
C 0 M 85 Y 35 K 0
R 245 G 65 B 108
widiba blu
C 70 M 45 Y 20 K 80
R 28 G 42 B 58
PANTONE 191 C
PANTONE 532
#FB3D68
#1C2A3A
widiba grigio scuro
widiba grigio medio
C 65 M 50 Y 40 K 35
R 82 G 93 B 102
C 55 M 40 Y 35 K 15
R 123 G 133 B 141
widiba grigio chiaro
C 25 M 15 Y 15 K 5
R 193 G 200 B 206
widiba grigio chiarissimo
C 10 M 5 Y 5 K 5
R 229 G 232 B 234
PANTONE 431
PANTONE 430
PANTONE 428
PANTONE 428
#525D66
#7B858D
#C1C8CE
#E5E8EA
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
3.3.1 Colori principali SISTEMA DI UTILIZZO: overview I colori principali del format sono sempre da utilizzare in relazione al target di riferimento. Il modulo B è l'elemento principale che cambierà colore, così come i testi al suo interno.
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
widiba.it
widiba.it
1. Target Self
2. Target PF // new PF
4. Target istituzionale
Immagine cmyk
Immagine cmyk
Immagine cmyk
Modulo B bianco trasparente 80%
Modulo B widiba blu trasparente 80%
Modulo B widiba grigio medio trasparente 80%
Testi widiba magenta nero
Testi bianco
Testi bianco o widiba blu
Fondo pagina widiba grigio chiarissimo o widiba grigio chiaro
Fondo pagina widiba grigio medio o widiba grigio scuro
Fondo pagina widiba grigio chiaro o widiba grigio scuro
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
3.3.2 Colori principali Immagine cmyk
SISTEMA DI UTILIZZO: target Self In tutti gli artefatti comunicativi relativi al target SELF (sia per la stampa che per il digitale) il colore del modulo B è il bianco (trasparenza 80%). Per i testi, quando possibile, è consigliato privilegiare il widiba magenta. L'immagine, se presente, viene riprodotta in cmyk. Nel caso di pagine prive di immagini i colori previsti per il fondo sono: il widiba grigio chiaro e il widiba grigio chiarissimo.
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
Put perspi ciatis unde omnis voluptat em Merspi ciatis unde omnis iste natus error sit voluptat em accusa
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
widiba.it
Modulo B bianco trasparente 80%
Testi widiba magenta nero
Fondo pagina widiba grigio chiarissimo o widiba grigio chiaro
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
3.3.3 Colori principali Immagine cmyk
SISTEMA DI UTILIZZO: target PF In tutti gli atefatti comunicativi relativi al target PF (sia per la stampa che per il digitale) il colore del modulo B è il widiba blu (trasparenza 80%). Per i testi, è consigliato privilegiare il bianco. L'immagine se presente viene riprodotta in cmyk.
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
Put perspi ciatis unde omnis voluptat em Merspi ciatis unde omnis iste natus error sit voluptat em accusa
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
Nel caso di pagine prive di immagini il colore previsto per il fondo è il widiba grigio medio. widiba.it
Modulo B widiba blu trasparente 80%
Testi bianco
Fondo pagina widiba grigio medio o widiba grigio scuro
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
3.3.4 Colori principali Immagine cmyk
SISTEMA DI UTILIZZO: target istituzionale In tutti gli atefatti comunicativi relativi al target ISTITUZIONALE (sia per la stampa che per il digitale) il colore del modulo B è il widiba grigio medio (trasparenza 80%). Per i testi, sono consigliati il bianco e il widiba blu, da utilizzare in modo di favorire la miglior leggibilità .
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
Put perspi ciatis unde omnis voluptat em Merspi ciatis unde omnis iste natus error sit voluptat em accusa
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
L'immagine se presente viene riprodotta in cmyk. Nel caso di pagine prive di immagini i colori previsti per il fondo sono: il widiba grigio chiaro o il widiba grigio scuro.
widiba.it
Modulo B widiba grigio medio trasparente 80%
Testi bianco o widiba blu
Fondo pagina widiba grigio chiaro o widiba grigio scuro
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
R 75 G 99 B 110
C 50 M 65 Y 40 K 15
3.4.0 Colori secondari Fondi In questa tavola vengono suggeriti alcuni colori che possono essere utilizzati come fondi colore per foto scontornate o illustrazioni. Se è necessario possono essere utilizzati anche colori non presenti in questa palette, devono però avere sempre la stessa intensità del widiba grigio medio e luminosità e saturazione simili agli altri colori indicati nella tavola.
widiba grigio medio
C 60 M 20 Y 20 K 35
R 83 G 126 B 140
#537E8F
C 30 M 30 Y 35 K 25
R 156 G 145 B 135
C 20 M 10 Y 65 K 30
#9C9187
100%
#4B636E
R 168 G 163 B 92
#A8A35C
30%
C 70 M 45 Y 40 K 30
I colori suggeriti in questa sezione possono essere utilizzati anche in percentuale fino ad un minimo del 30% di intensità.
C 50 M 20 Y 60 K 35 #6D815D
R 133 G 93 B 111
#855D6F
R 109 G 129 B 93
C 20 M 55 Y 75 K 25 #A86C3E
R 168 G 108 B 62
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4
struttura per la stampa
4.1.0 La struttura Costruzione del modulo A
4.3.0 Gabbia orizzontale Proporzioni A4
4.6.0 Utilizzo Speciale Immagine nel Modulo C
4.1.1 La struttura Costruzione dei moduli B - C
4.3.1 Gabbia orizzontale Esempi impaginazione
4.7.0 Promotori Finanziari Modulo sponsorizzazioni
4.1.2 La struttura Allinemento dei moduli
4.3.2 Gabbia orizzontale Formato americano
4.7.1 Promotori Finanziari Modulo sponsorizzazioni
4.1.3 La struttura Esempi di composizione dei moduli
4.3.3 Gabbia orizzontale Esempi impaginazione
4.7.2 Promotori Finanziari Modulo sponsorizzazioni
4.1.4 La struttura Gabbia interna del Modulo C
4.4.0 Gabbia verticale Formato americano
4.7.3 Promotori Finanziari Esempio inviti
4.2.0 Gabbia verticale Proporzioni A4
4.4.1 Gabbia verticale Esempi impaginazione
4.8.0 Parternship Esempio
4.2.1 Gabbia verticale Disposizione moduli
4.5.0 Gabbia quadrata Costruzione
4.2.2 Gabbia verticale Esempi impaginazione
4.5.1 Gabbia quadrata Esempi impaginazione
design guidelines brand identity system
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
4.1.0 La struttura 5½x
2
costruzione del modulo A Il modulo A contiene il marchio e il pay-off di widiba. È un rettangolo in cui il lato lungo è il doppio del lato corto (proporzione 1:2). Al suo interno è suddiviso in 4 parti sul lato corto e in 8 parti sul lato lungo, da questa suddivisione si crea un modulo quadrato denominato X. X diventa l'unità di misura di riferimento per stabilire sia la dimensione del marchio, sia la sua posizone nel modulo A.
2x
X 1
4x ½x ½x 8x
Modulo A
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.1.1 La struttura 8x
2x
costruzione dei moduli B - C Il modulo B è costruito partendo dall'unità di misura X secondo le stesse proporzioni del modulo A (1:2). Il modulo B sarà sempre in widiba magenta è sarà posizionato nelle composizioni dei moduli secondo le regole espresse nelle sezioni 4.1.2 e 4.1.3 Il modulo C è lo spazio principale dedicato a contenere i testi e le bodycopy, è sempre largo come il modulo A e può variare la sua altezza in relazione ai contenuti. Il modulo C varierà il suo colore in base al target della comunicazione come indicato nella sezione 3.3.1 e seguenti. Sarà posizionato nelle composizioni dei moduli secondo le regole espresse nelle sezioni 4.1.2 e 4.1.3
8x
1x
4x
Modulo B
4x
Modulo A 4x
Per l'utilizzo del colore bisogna sempre fare riferimento alla relativa sezione 2.1.3 di questa guideline
È possibile scaricare i moduli in formato vettoriale (.ai, .ind) dal seguente link XXXXXXXXXXXXXX
L'altezza del modulo C può variare, in relazione ai testi che deve contenere, ma deve sempre essere un ripetizione del modulo A
4x
Modulo C
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
5. struttura per il digitale
4. struttura per la stampa
6. Fotografie e immagini
4.1.2 La struttura Allineamento dei moduli
Il modulo A sarà sempre in primo piano rispetto agli altri 2 moduli
I tre moduli A, B e C possono essere allineati tra loro secondo alcune semplici regole. Le linee mediane del modulo C (verticale e orizzontale) potranno essere utilizzate come punto di allineamento del modulo A. L'unità di misura X (e ½X) sarà il margine di riferimento per le sovrapposizioni tra i diversi moduli.
1x
La linea mediana del modulo C è il punto di allineamento corretto per il modulo A
½x
1x ½x
1x ½x 1x
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.1.3 La struttura ESEMPI COMPOSIZIONE DEI MODULI I tre moduli possono variare gli allineamenti tra loro creando composizioni sempre diverse ma ricoscibili, contribuendo così a creare un'identità visiva dinamica ispirata dal responsive design.
Il modulo A può essere anche perfettamente allineato agli estremi del modulo C
Il modulo B può essere utilizzato come contappunto cromatico per rendere le composizioni dinamiche ma otticamente equilibrate.
Il modulo C può variare la sua altezza secondo le modlaità espresse alla sezione 4.1.1, ma le regole per gli allineamenti degli elementi tra loro non cambiano
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.1.4 La struttura 8x
1x
GabBia interna del Modulo C
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
4x
Il Modulo C è destinato principalmente a contenere testi e body-copy. Il margine perimetrale interno al modulo corrisponde all'unità di misura X. I testi all'interno del modulo devono essere sempre a bandiera sx, fanno eccezione i testi presenti on-line che possono essere centrati per favorire il design responsive.
4x
4x widiba.it
1x Area testo modulo C
C
Il modulo C sarà sempre in trasparenza rispetto al fondo su cui si trova e agli altri moduli. Il riempimento di questo modulo sarà quindi sempre al 80% del colore di riferimento.
Trasparenza 80%
Per l'utilizzo del colore bisogna sempre fare riferimento alla relativa sezione 3.3.1 e seguenti di questa guideline
Nel modulo C l'indirizzo web del sito deve sempre essere posto in basso a sinistra. L'indirizzo deve essere sempre scritto tutto maiuscolo in widiba medium; la dimensione deve essere di due punti inferiore al corpo del testo (es.: testo corpo 9, indirizzo web corpo 7)
Per il corretto utilizzo della tipografia bisogna sempre fare riferimento alla relativa sezione 3.2.0 di questa guideline
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
4.2.0 Gabbia verticale 4x
2x
proporzioni A4
1x
Questa gabbia è adatta a qualunque rettangolo con proporzioni simili all'A4 indipendentemente dalla sua misura reale, può essere quindi utilizzata per pagine di riviste, per affissioni verticali o copertine per stampati rilegati a libro. Partendo dall'unità di misura X è possibile creare una suddivisione in 5 colonne, necessaria per l'impaginazione degli elementi. I valori del modulo x che si ricavano dalla suddivisone tramite moduli proporzionali vanno arrotondati alla prima cifra decimale (es.: 9,563 mm diventa 9,5 mm).
Questa gabbia si adatta a tutti i formati verticali con proporzioni simili all'A4: es: 5:8; 2:3; 3:4; 4:5 per formati con proporzioni diverse bisogna verificare le gabbie espresse in questa guida nel capitolo 4.
5 colonne
6. Fotografie e immagini
1. Introduzione
4.2.1 Gabbia verticale DISPOSIZIONE MODULI I tre moduli A, B e C vengono posizionati sulla gabbia rispettando gli allineamenti orizzontali delle 5 colonne principali. Verticalmente non ci sono vincoli per il posizionamento dei moduli. Sulla gabbia esistono delle guide di riferimento anche per favorire l'accavallamento tra i singoli moduli (cfr. sezione 4.1.2). I moduli non possono mai smarginare rispetto alla gabbia su cui sono posizionati
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.2.2 Gabbia verticale esempi impaginazione In questa tavola due pagine di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Put perspi ciatis unde omnis voluptat em Merspi ciatis unde omnis iste natus error sit voluptat em accusa
widiba.it
Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.
widiba.it
esempio pagina fotografica (target SELF)
esempio pagina tipografica (target PF)
1. Introduzione
4.3.0 Gabbia orizzonale
4x
2. logoTIPO E ELEMENTI BASE
2x
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1x
proporzioni A4 Questa gabbia è adatta a qualunque rettangolo con proporzioni simili all'A4 indipendentemente dalla sua misura reale, può essere quindi utilizzata per doppie pagine di riviste o per affissioni orizzontali o copertine di stampati rilegati ad album. Partendo dall'unità di misura X è possibile creare una suddivisione in 7 colonne, necessaria per l'impaginazione degli elementi. I valori del modulo x che si ricavano dalla suddivisone tramite moduli proporzionali vanno arrotondati alla prima cifra decimale (es.: 9,563 mm diventa 9,5 mm).
Questa gabbia si adatta a tutti i formati orizontali con proporzioni simili all'A4: es: 5:8; 2:3; 3:4; 4:5, per formati con proporzioni diverse bisogna verificare le gabbie espresse in questa guida nel capitolo 4.
7 colonne
Solo in alcuni casi speciali, legati alla sviluppo di alcune doppie pagine, è possibile usare la gabbia verticale proposta in questa guida nelle sezioni 4.2.0, ripetendola 2 volta affiancata.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.3.1 Gabbia orizzontale esempi impaginazione In questa tavola due pagine di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Ciatis unde omnis iste natus error sit voluptat em
Ciatis unde omnis iste natus error sit voluptat em
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
widiba.it
esempio pagina fotografica (target SELF)
esempio pagina con illustrazione (target PF)
1. Introduzione
4.3.2 Gabbia orizzontale
4x
2. logoTIPO E ELEMENTI BASE
2x
formato americano Questa gabbia è adatta a qualunque rettangolo con proporzioni simili al formato americano indipendentemente dalla sua misura reale, può essere quindi utilizzata per flyer, per affissioni orizzontali o copertine di stampati rilegati ad album. Partendo dall'unità di misura X è possibile creare una suddivisione in 7 colonne, necessaria per l'impaginazione degli elementi. I valori del modulo x che si ricavano dalla suddivisone tramite moduli proporzionali vanno arrotondati alla prima cifra decimale (es.: 9,563 mm diventa 9,5 mm).
Questa gabbia si adatta a tutti i formati orizontali con proporzioni simili al formato Americano: es: 1:2; 5:8 per formati con proporzioni diverse bisogna verificare le gabbie espresse in questa guida nel capitolo 4.
7 colonne
3. Elementi del sistema
4. struttura per la stampa
1x
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
4.3.3 Gabbia orizzontale esempi impaginazione In questa tavola due pagine di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Dut perspi ciat is unde omnis iste natus widiba.it
esempio pagina fotografica (target ISTITUZIONALE)
Ciatis unde
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em
2,00% natus error sit voluptat
esempio pagina con fotografia scontornata (target SELF)
widiba.it
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
4.4.0 Gabbia verticale 4x
2x
formato americano Questa gabbia è adatta a qualunque rettangolo con proporzioni simili al formato americano indipendentemente dalla sua misura reale, può essere quindi utilizzata per flyer, per locandine o copertine di stampati rilegati a libro. Partendo dall'unità di misura X è possibile creare una suddivisione in 3 colonne, necessaria per l'impaginazione degli elementi. I valori del modulo x che si ricavano dalla suddivisone tramite moduli proporzionali vanno arrotondati alla prima cifra decimale (es.: 9,563 mm diventa 9,5 mm).
Questa gabbia si adatta a tutti i formati orizontali con proporzioni simili al formato Americano: es: 1:2; 5:8 per formati con proporzioni diverse bisogna verificare le gabbie espresse in questa guida nel capitolo 4.
3 colonne
1x
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.4.1 Gabbia verticale esempi impaginazione In questa tavola due pagine di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Led ut perspi ciatis unde omnis iste natus
Sed ut perspi ciatis unde omnis iste natus error sit voluptat em
widiba.it
Dut perspi ciat is unde omnis iste natus Sed ut perspi ciatis unde omnis iste natus widiba.it
esempio pagina tipografica (target ISTITUZIONALE)
esempio pagina con fotografia scontornata (target SELF)
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.5.0 Gabbia quadrata 4x
2x
1x
4x
2x
COSTRUZIONE Per il formato quadrato la gabbia può variare in base alle dimensioni finali. Partendo dall'unità di misura X è possibile creare una suddivisione in colonne, necessaria per l'impaginazione degli elementi. Per quadrati con lato inferiore ai 15 cm si consiglia la gabbia a 3 colonne, per quadrati con lato superiore a 15 cm si consiglia la gabbia a 5 colonne. I valori del modulo x che si ricavano dalla suddivisone tramite moduli proporzionali vanno arrotondati alla prima cifra decimale (es.: 9,563 mm diventa 9,5 mm).
3 colonne
5 colonne
La scelta della gabbia più adatta al formato quadrato deve essere fatta in relazione alla misura finale del file. Sotto i 15 cm di lato è consigliabile utilizzare la gabbia a 3 colonne
1x
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.5.1 Gabbia quadrata esempi impaginazione In questa tavola due pagine di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Fiatis unde omnis iste natus error sit voluptat em
0.1 Umnis iste natus sit volum widiba.it
Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt.
widiba.it
esempio pagina fotografia (target PF)
esempio pagina tipografica (target SELF)
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.6.0 Utilizzo speciale Immagine nel modulo C In alcuni casi è possibile utilizzare il format inserendo l'immagine nel modulo C. Le regole relative all'utilizzo dei moduli rimangono invariate. Si tratta di un utilizzo speciale che deve essere approvato dai responsbili del brand e della comunicazione.
Put perspi ciatis unde omnis voluptat em 0.1 Umnis iste natus
Merspi ciatis unde omnis iste natus error sit voluptat em accusa
Put perspi ciatis unde omnis voluptat em In questo caso il Modulo C non dovrà presentare nessuna trasparenza, l'immagine inserita sarà sempre al 100% di intensità
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.7.0 Promotori finanziari 2
modulo sponsorizzazioni Per la personalizzazione di stampati, legati alle sponsorizzazioni dei promotori finanziari è stato studiato un sistema modulare che permette di affiancare al marchio widiba i dati dei promotori coinvolti. I moduli possono essere disposti orizzontalmente o verticalmente, in modo da garantire la massima flessibilità per la personalizzazione dei diversi materiali. Nel caso di piÚ promotori finanziari coinvolti nell'operazione di promozione è consigliato utilizzare il modulo con sviluppo verticale.
1 modulo marchio
0,5
Job title
modulo promotore
Nome Cognome cell. 347 34099 769 // e-mail: nome.cognome@pfwidiba.it
misure del modulo
contenuti del modulo
Job title
Nome Cognome cell. 347 34099 769 // e-mail: nome.cognome@pfwidiba.it
Job title
Nome Cognome cell. 347 34099 769 // e-mail: nome.cognome@pfwidiba.it
Job title
Nome Cognome cell. 347 34099 769 // e-mail: nome.cognome@pfwidiba.it
disposizione moduli verticale
disposizione moduli orizzontale
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
4.7.1 Promotori finanziari
5. struttura per il digitale
Nel formato verticale quando si hanno due promotori finanziari si passa alla disposizione verticale dei moduli
modulo sponsorizzazioni Esempio applicazione del modulo sponsorizzazione su formati verticali.
Nelle pagine con proporzioni simili all'A4 si consiglia di utilizzare una suddivisione della gabbia in 8 parti in modo di garantire una buona leggibilitĂ dei dati contenuti nel modulo.
6. Fotografie e immagini
3/8
3/4
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.7.2 Promotori finanziari modulo sponsorizzazioni Esempio applicazione del modulo sponsorizzazione su formati orizzontali.
1/4
Nelle pagine con proporzioni simili all'A4 si consiglia di utilizzare una suddivisione della gabbia in 4 parti in modo di garantire una buona leggibilitĂ dei dati contenuti nel modulo.
3/4
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
4.7.3 Promotori finanziari ESEMPIO inviti
Simagnissunt dus Itatio ea nobit
Nome Cognome Personal Advisor Widiba
Simagnissunt dus Itatio ea nobit
od explibus rempossitemo Fugia cus cusantiis apietum
od explibus rempossitemo Fugia cus cusantiis apietum
27 magnistis ariat ad 20.00 corero to inum aut entist cuptio Magnihit quam, sus, sita
Simagnissunt 27 magnistis ariat ad 20.00 corero to inum aut entist cuptio Magnihit quam, sus, sita
Nome Cognome Job Title
Nome Cognome Job Title
R.S.V.P.
Invito da parte dei promotori finanziari
R.S.V.P.
Invito da parte di Widiba
1. Introduzione
4.8.0 Parternship esempio In caso di parternship con altri brand si deve far riferimento alla sezione 2.1.6 per il giusto dimensionamento dei loghi. Si consiglia di tenere i loghi degli eventuali partner il piĂš possibile distanti dal logo widiba.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5
struttura per il digitale
5.1.0 La struttura Costruzione del modulo A
5.3.0 Banner skyscraper Gabbia
5.7.1 DEM Esempio
5.1.1 La struttura Costruzione del modulo B
5.3.1 Banner skyscraper Esempio banner
5.8.0 Promotori finanziari Esempio inviti digitali
5.2.0 Banner rettangolari Gabbia
5.4.0 Variante sottile modulo B Banner orizzontali e verticali
5.9.0 Video Esempio frame finali
5.2.1 Banner rettangolari Disposizione moduli
5.5.0 Banner orizzontali Gabbia e esempio
5.10.0 Social network Esempio page
5.2.2 Banner rettangolari Esempio animazioni
5.6.0 Banner verticali Gabbia e esempio
5.10.1 Social network Esempio post
5.2.3 Banner rettangolari Esempio banner
5.7.0 DEM Esempio
design guidelines brand identity system
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
5.1.0. La struttura 6½x
2
costruzione del modulo A Il modulo A contiene solo il marchio di widiba, il pay-off viene eliminato per problemi di leggibiilità. È un rettangolo in cui il lato lungo è il doppio del lato corto (proporzione 1:2). Al suo interno è suddiviso in 4 parti sul lato corto e in 8 parti sul lato lungo, da questa suddivisione si crea un modulo quadrato denominato X. X diventa l'unità di misura di riferimento per stabilire sia la dimensione del marchio, sia la sua posizone nel modulo A.
1x
X 1
4x ½x ½x 8x
Modulo A
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5.1.1. La struttura 8x
2x
costruzione deL modulo B Il modulo B è costruito partendo dall'unita di misura X secondo le stesse proporzioni del modulo A (1:2). Il modulo B sarà sempre in widiba magenta è sarà posizionato nelle composizioni dei moduli secondo le regole espresse nella sezione 5.2.1
1x
4x
Modulo A
Per l'utilizzo del colore bisogna sempre fare riferimento alla relativa sezione 2.1.3 di questa guideline
È possibile scaricare i moduli in formato vettoriale (.ai, .ind) dal seguente link XXXXXXXXXXXXXX
Modulo B
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
5.2.0. Banner rettangolari
2. logoTIPO E ELEMENTI BASE
4x
3. Elementi del sistema
4. struttura per la stampa
1x
gabbia Questa gabbia è adatta a banner con proporzioni simili. Partendo dall'unità di misura X è possibile creare una suddivisione in 8 colonne, necessaria per l'impaginazione degli elementi.
8 colonne
Questo tipo di gabbia è adatta a banner con misure simili a: 250 x 250 px 300 x 250 px 336 x 280 px 580 x 400 px
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.2.1. Banner rettangolari DISPOSiZIONE MODULI I due moduli possono variare gli allineamenti tra loro creando composizioni sempre diverse ma ricoscibili, contribuendo così a creare un'identità visiva dinamica ispirata dal responsive design. Il modulo A sarà sempre posizionato al vivo almeno su uno dei suoi lati. Il modulo B può essere utilizzato come contappunto cromatico per rendere le composizioni dinamiche ma otticamente equilibrate. Per una maggiore flessibilità nella costruzione dei banner il Modulo C (utilizzato nel materiale Off-line) può essere sostituito da campiture colorate più ampie sempre costruite sulla gabbia.
Le campiture di colore opzionali utilizzate nella struttura dei banner devono rispettare le regole cromatiche espresse nella sezione 3.3.1 e seguenti di questa guideline.
Le campiture colorate saranno sempre in trasparenza rispetto al fondo su cui si trovano e agli altri moduli.
Trasparenza 80%
Per l'alineamento delle campiture colorate rispetto al modulo A e al modulo C, si può far riferimento alle regole espresse in questa guideline nella sezione 4.1.2
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.2.2. Banner rettangolari Ciatis unde omnis iste natus error sit voluptat em
ESEMPIO ANIMAZIONI Per le animazioni dei banner si consiglia di utilizzare movimenti adatti al concetto del format. Sono da privilegiare translazione orizzontali o verticali, oppure nel caso di animazioni piĂš complesse movimenti piĂš fluidi simili a quelli del design responsive.
Ciatis unde omnis iste natus error sit voluptat em
Ciatis unde omnis iste natus error sit voluptat em
Ciatis qunde omnis istle natus
Misor sit volu ptat em uiucs Ciatis unde omnis iste natu
Bror sign vol up tat eilos turm Bror sign vol up tat eilos turm
2,50%
2,50% Ciatis unde omnis iste natu
Bror sign vol up tat eilos turm
2,50%
Ciatis unde omnis iste natu
Ciatis unde omnis iste natu
Ciatis qunde omnis istle natus
Ciatis qunde omnis istle natus
Misor sit volu ptat em uiucs
Misor sit volu ptat em uiucs
Ciatis unde omnis iste natu
Ciatis unde omnis iste natu
Bror sign vol up tat
Bror sign vol up tat
Protis under ius de nis 12 iste sarf
Protis under ius de nis 12 iste sarf
ALCT I FERSU
ALCT I FERSU
Ciatis unde omnis iste natu
Ciatis unde omnis iste natu
2,50%
2,50%
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.2.3. Banner rettangolari ESEMPIO Banner
Bror sign vol up tat eilos turm
Ciatis qunde omnis istle
In questa tavola due banner di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme.
Sisor sit ptatem
Ciatis unde omnis iste natus error sit voluptat em
Sisor sit ptatem volu iact ALCT Ciatis unde omnis iste natu
esempio banner fotografico (target PF)
Ciatis unde omnis iste natus error sit voluptat em
Ciatis qunde omnis istle natus Bror sign vol up tat eilos turm
2,50% Ciatis unde omnis iste natu
Misor sit volu ptat em uiucs Ciatis unde omnis iste natu
Bror sign vol up tat
2,50%
Protis under ius de nis 12 iste sarf
ALCT
Ciatis unde omnis iste natu
esempio banner tipografica (target SELF)
Quando il l logo widiba è posizionato nel frame finale dei banner (fuori dal modulo A), è possibile ingrandirne la dimensione per migliorarne la leggibilità.
1. Introduzione
5.3.0. Banner skyscraper
2. logoTIPO E ELEMENTI BASE
4x
GABBIA Questa gabbia è adatta a banner con proporzioni simili. Partendo dall'unità di misura X è possibile creare una suddivisione in 6 colonne, necessaria per l'impaginazione degli elementi.
Questo tipo di gabbia è adatta a banner con misure simili a: 300 x 600 px 300 x 1050 px
6 colonne
3. Elementi del sistema
1x
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.3.1. Banner Skyscraper ESEMPIO Banner
Beror sign vol up tateil osnatus er
In questa tavola due banner di esempio in cui è possibile vedere tutti gli elementi del format che convivono insieme. Nel frame finale dei banner, per migliorarne la leggibilità dei contenuti, il marchio è posizionato fuori dal Modulo A e può essere ingrandito.
2,00% Protis unmans der ius de nis 12 iste sarf
Ciatis unde omnis iste voluptat em
Sisor sitp tat em uiu curs loia
ALCT I FERSU Protis under ius de nis opera iste sarf
Ciatis unde omnis iste natu
Quando il l logo widiba è posizionato nel frame finale dei banner (fuori dal modulo A), è possibile ingrandirne la dimensione per migliorarne la leggibilità.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.4.0. Variante sottile modulo B banner orizzontAli e verticali Nei banner orizzontali e verticali è possibile sostituire il modulo B (1) con la sua variante sottile (2). Si tratta di un filetto che mantiene le sue propozioni in larghezza rispetto modulo A (cfr. sezione 5.1.1) ma in altezza ha solo uno spessore di 2 px. La variante sottile è consigliata nei banner verticali e orizzontali per diminuire le interferenze che il modulo B potrebbe avere con tasti legati alla call to action.
1
2
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.5.0. Banner orizzontali gabbia e esempio Nei banner orizzontali che presentano proporzioni simili tra loro la gabbia del format è ulteriormente semplificata e si limita a posizionare il modulo A con la stessa altezza del banner, lo spazio rimanente può essere gestito con la tipografia e i colori standard del format.
Questo tipo di gabbia è adatta a banner con misure simili a: 468 x 60 px 480 x 60 px 728 x 90 px 970 x 90 px
altezza
Tror sign up tat ei losnatus er untur ecs
Bror sign vol up tat eilos
Dor mign volup tat eilos natus er Protis unmans der ius de nis 12 iste
2,00% Protis unmans der ius de nis 12 iste sarf
ALCT I FERSU Protis under ius de nis opera iste sarf
Le campiture colorate utilizzate per i fondi saranno scelti e applicati secondo le regole indicato nella sezione 3.3.1 e seguenti di questa guideline.
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.6.0. Banner verticali gabbia e esempio Nei banner verticali che presentano proporzioni simili tra loro la gabbia del format è ulteriormente semplificata e si limita a posizionare il modulo A con la stessa base del banner, lo spazio rimanente può essere gestito con la tipografia e i colori standard del format.
Questo tipo di gabbia è adatta a banner con misure simili a: 120 x 240 px 120 x 600 px 160 x 600 px
Tror sign tator losnatus untur
Dor mign volup tat eilos natus er Protis unmans der ius de nis 12 iste sarf
base
Beror sign uptat eilos natus
2,00% Protis unmans der ius de nis 12 iste sarf
ALCT I FERSU Protis under ius de nis opera iste sarf
1. Introduzione
5.7.0. Dem Esempio
INDICAZIONI
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
5.7.1. Dem Esempio
INDICAZIONI
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.8.0 Promotori finanzari ESEMPIO invito digitale
Simagnissunt dus Itatio ea nobit
Nome Cognome Job Title
Simagnissunt dus Itatio ea nobit
od explibus rempossitemo Fugia cus cusantiis apietum
od explibus rempossitemo Fugia cus cusantiis apietum 27 magnistis ariat ad 20.00 corero to inum aut entist cuptio Magnihit quam, sus, sita
27 magnistis ariat ad 20.00 corero to inum aut entist cuptio Magnihit quam, sus, sita
Simagnissunt Nome Cognome Job Title
Nome Cognome Job Title
R.S.V.P.
Invito da parte dei promotori finanziari
R.S.V.P.
Invito da parte di Widiba
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.9.0. Video ESEMPIO FRAMES FINALI Anche ai frame finali di video promozionali, interviste o spot, possono essere applicati gli elementi del format grafico.
scegliere versione preferita da PDF prove video
Per il formato 16:9 è consigliata una gabbia a 10 colonne
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
5.10.0. Social network ESEMPIO PAGe Anche per i social network (Facebook, Twitter, Google+, Instagram, Youtube, Linkedin) gli elementi principali delle pagine (avatar, cover) possono essere realizzati applicando le regole del format grafico.
Siamo anche su Apple TV buddy / avatar
cover
Per il formato delle cover dei social network è consigliata una gabbia a 10 colonne
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
5.10.1. Social network ESEMPIO POST Anche per i social network (Facebook, Twitter, Google+, Instagram, Youtube, Linkedin) i post possono essere realizzati applicando le regole del format grafico.
Allert Conto Corrente
La miglior ciu a prenita cus, imaionem. Bus de porescid molorib. Senita Cusim
Per il formato dei post dei social network è consigliata una gabbia a 8 colonne
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
6
fotografie e immagini
6.1.0 Principi Stile e rappresentazione
6.4.0 Immagini scontornate Stile e rappresentazione
6.2.0 Persone Stile e rappresentazione
6.5.0 Illustrazioni Stile e rappresentazione
6.3.0 Still Life Stile e rappresentazione
6.6.0 Archivio fotografico Categorie immagini Widiba
design guidelines brand identity system
6.6.1 Archivio fotografico Categorie immagini Widiba
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
6.1.0 Principi Stile e rappresentazione L'immaginario di Widiba è: - vero, non posato, diretto - sicuro di se e affascinante - non falsificato o artificiale Le immagini selezionate devono trasmettere le idee di Widiba e la sua personalità. Ogni immagine che sembra mediocre per i soggetti rappresentati, lo stile o il taglio non è appropriata.
Prima di scegliere una foto è importante porsi domande come: - l'immagine trasmette il messaggio? - è l'immagine migliore che posso trovare per questo soggetto? - come posso usare questa immagine per ottenere l'effetto migliore? - ho usato il taglio più forte?
Esiste un set di immagini widiba (cfr. 6.6.0)
1. Introduzione
6.2.0 Persone Stile e rappresentazione Quando si seleziona un'immagine con una o più persone è importante che tenga conto di alcuni criteri: - persone vere - naturalità e spontaneità - evitare clichés e stereotipi - profondità e prospettiva - considerare il taglio In generale, è importante tenere un look spontaneo, evitare che la location domini la scena.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
6.3.0 Still life Stile e rappresentazione Nella scelta di un'immagine di stile life bisogna assicurarsi che queste siano naturali, calde, positive. Le situazioni ritratte devono raccontare una storia, la presenza umana è consigliata per avvicinare il piĂš facilmente il target. Le ambientazioni devono essere reali, familiari, le pose naturali e credibili. Ăˆ possibile utilizzare una serie di immagini in cui i dispositivi vengono contornati da un effetto sketch che li idealizza. Sono sconsigliate immagini standard, confuse, fredde e impersonali.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
6.4.0 Immagini scontornate Stile e rappresentazione Ăˆ possibile utilizzare immagini scontornate posizionate su fondo di colore (cfr sezione 3.4.0) Questo trattamento è particolarmente flessibile per sviluppare layout con diverse proporzioni. Per la scelta delle immagini devono essere sempre mantenuti i principi generali esposti alla sezione 6.1.0, tuttavia questo trattamento permette di utilizzare e rendere distintive anche immagini piĂš banali, o selezionare elementi singoli da immagini complesse.
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
6.5.0 Illustrazioni Stile e rappresentazione Le illustrazione permettono di comunicare concetti e metafore, legati a prodotti o offerte. Anche per la scelta delle illustrazioni devono essere rispettati alcuni principi: - utilizzo di una palette di colori in linea con quella di Widiba - rappresentazioni che utilizzino la prospettiva e la tridimensionalità - utilizzo di sfumature Nella scelta delle illustrazioni è meglio evitare: - l'utilizzo di molti colori o colori molto distanti dalla palette di Widiba - tiratti e forme infantili o fumettistiche - volti troppo caratterizzati - uno stile d'illustrazione piatto - soggetti cheap lontani dal mondo di riferimento
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6.6.0 Archivio fotografico categorie immagini widiba
App e mobile
Carte e pagamenti
Chi siamo
Consulenza
Conto corrente
Home
Esiste un archivio widiba al quale è possibile accedere per prendere immagini realizzati con appositi servizi fotografici Queste immagini sono in esclusiva per il brand e sono state suddivise in album per macro categorie.
Il set di immagini widiba può essere scaricato accedendo al sito xxxxxxxxxxxxx.it oppure richiedendolo ai contatti riportati in fondo a questa guideline. Ăˆ vietata l'utilizzo delle immagini widiba per progetti che non siano direttamente collegati all'azienda.
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
5. struttura per il digitale
6.6.1 Archivio fotografico categorie immagini widiba
Investimenti
Novità
Perché Widiba
Promo
Risparmio
Trading
Esiste un archivio widiba al quale è possibile accedere per prendere immagini realizzati con appositi servizi fotografici Queste immagini sono in esclusiva per il brand e sono state suddivise in album per macro categorie.
Il set di immagini widiba può essere scaricato accedendo al sito xxxxxxxxxxxxx.it oppure richiedendolo ai contatti riportati in fondo a questa guideline. È vietata l'utilizzo delle immagini widiba per progetti che non siano direttamente collegati all'azienda.
6. Fotografie e immagini
1. Introduzione
2. logoTIPO E ELEMENTI BASE
3. Elementi del sistema
4. struttura per la stampa
Per informazioni su questa guideline contattare:
20
BRAND OFFICE brand@widiba.it TITOLO
DEL CAPITOLO
2.1.0 La struttura
2.3.0 Dimensioni minime
2.1.1 Le proporzioni
2.4.0 Colori istituzionali
2.2.0 Area di rispetto
2.4.1 Colori istituzionali versione in negativo
5. struttura per il digitale
6. Fotografie e immagini