13
| 4.1 Angelini Brand Manual 01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery 04 | HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style ... · principali del design system di Angelini. Il system prevede l’utilizzo di sei elementi: i colori, il carattere

  • Upload
    doannhu

  • View
    216

  • Download
    0

Embed Size (px)

Citation preview

| 4.1Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

04| HOUSESTYLE

| 4.2Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

INDICEIntroduzione 4.3Elementi base 4.4Palette colori 4.5Carattere tipografico 4.6Piramide: i colori 4.7Piramide: dimensioni 4.8Piramide e marchio 4.9Triangoli 4.10Stile fotografico 4.11Immagini per temi specifici 4.12Rettangolo con angoli arrotondati 4.13

| 4.3Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

INtroDuzIoNENel capitolo 4 vengono definite le linee guida per l’house style Angelini, che permettono di realizzare tutte le applicazioni di comunicazione (capitoli 5 e 6) in coerenza con gli elementi distintivi della corporate identity e con la relativa Architetturadi Marca.

| 4.4Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

CMYK

60360

150600

289525

326815

3907911

556775

6012689

65186013

CMYK

52106615

76255820

64205223

64312627

90432622

85482118

89481243

10060045

ElEmENtI BASE

1. ColorI 2. CArAttErE tIPoGrAFICo

5. Foto

3. PIrAmIDE

6. ANGolI ArrotoNDAtI

Aa4. trIANGolI

In questa pagina sono mostratI gli elementi principali del design system di Angelini.Il system prevede l’utilizzo di sei elementi:i colori, il carattere tipografico, la Piramide,i triangoli, lo stile fotografico e gli angoli arrotondati.

Il funzionamento di tale system viene esplorato nelle pagine seguenti.Per consentire l’integrità del visual system e mantenere consistenza, si raccomanda di rispettare attentamente le norme indicate in questo capitolo.

| 4.5Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

PAlEttE ColorIIn questa pagina sono visualizzati i riferimenti cromatici dei colori che possono essere utilizzati per comunicare l’identità di Angelini.Assieme ai colori istituzionali del marchio compaiono le cromie dal giallo al verde, chiamatecolori principali, scelti per soddisfare qualsiasi tipo di applicazione del design system, e un colore secondario, l’arancione, quale tonalità più calda da utilizzare nelle applicazioni meno istituzionali.È consigliato, ma non vincolante, rispettare sempre la palette colori qui fornita, per mantenere coerenza e rafforzare la consistenza del design system. I colori Prodotto fanno invece riferimento

ai colori dei brand forti di Angelini e per questo vengono utilizzati per comunicare i singoliproduct brand. È consigliabile utilizzare i colori Pantone@ tutte le volte in cui è possibile stampare con colori speciali, mentre la corrispettiva versione in quadricromia viene utilizzata quando non è possibile stampare con colori [email protected] colori RGB, invece, sono utilizzati solo per applicazioni Web e per presentazioni digitali.La loro applicazione è limitata esclusivamentea questi usi. In nessun caso la versione RGBpuò essere utilizzata per la stampa.

3. ColorI SECoNDArI

CMYK 060 800

2. ColorI PrINCIPAlI

CMYK 15060 0

CMYK 32 6 81 15

CMYK 55 6 77 5

CMYK 7625 58 20

CMYK 90432622

4. ESEmPI DI ColorE ProDotto

CMYK 100 4800

CMYK 49500

CMYK 10008545

PANTONEPurple C

PANTONE197 C

CMYK 100 4800

CMYK 0831008

1. ColorI IStItuzIoNAlI

PANTONE 541 C

PANTONE 877 C

CMYK 100 60 0 45

CMYK 0 0 0 50

RGB 5 55 100

RGB 150150 155

| 4.6Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

CArAttErE tIPoGrAFICoLa font primaria scelta per l’identità di Angelini è il carattere tipografico FEDRA SANS. Questo carattere è disponibile in quattro pesi diversi: Book, Demi, Medium, Bold (vedi pag. 3.33).Inoltre offre la versatilità di essere utilizzabile in numerose lingue.Si consiglia di utilizzare questa font per testi, titoli ed altri elementi tipografici, su materiale stampato, nei colori Principali Istituzionalio in Nero.

NOTE: Serve per documentazione in MS Word.

NOTE: Serve solo per applicazioni a schermo (ad esempio presentazioni Power Point).

Le font secondarie scelte per l’uso tipografico sono:l’Arial e il Calibri.Si consiglia l’utilizzo dell’Arial per la compilazione dei template MS Word, mentre il Calibri,nei suoi diversi pesi, è consigliato per tutte le visualizzazioni a schermo (ad esempio per presentazioni PowerPoint). Non è consentito utilizzare l’Arial e il Calibri perla stampa di brochure, leaflet, materiale istituzionale o pubblicitario o altri tipi di comunicazione stampata.

1. CArAttErE PrINCIPAlE

2. CArAttErE SECoNDArIo

FEDRA Sans / BookFEDRA Sans / DemiFEDRA Sans / MediumFEDRA Sans / Bold

Arial / regular Arial / italic Arial / boldArial / bold italic Calibri / regular Calibri / italic Calibri / boldCalibri / bold italic

| 4.7Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

PIrAmIDE: I ColorIIn questa pagina sono mostrate le regole per il corretto utilizzo dell’ elemento grafico Piramide su supporti e media diversi dal pack.Esistono cinque modi in cui la piramide può essere utilizzata:1. Istituzionale: in Argento (Pantone 877C) o grigio su fondo bianco, per comunicazioni istituzionali.2. Prodotto: la piramide si colora del colore caratteristico di ciascun product brand per comunicazioni dedicate. 3. Applicazioni speciali: la piramide viene

utilizzata “tono su tono” (nell’esempio vernice UV trasparente su Pantone 451 C) per applicazioni speciali di tipo istituzionale.4. Foto: su sfondi fotografici la piramide può colorarsi di bianco al 100% (A) o in trasparenza (B)con tonalità variabili (50%-80% della tonalità) in base allo sfondo.

Esempi di utilizzo della Piramide sono rappresentati nel capitolo 5.

1. Istituzionale

4A. Foto

2. Prodotto

4B. Foto

3. Applicazioni speciali

| 4.8Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

PIrAmIDE: DImENSIoNIIn questa pagina sono rappresentate le regoleper l’inserimento dell’ elemento Piramide all’interno delle applicazioni di corporate identity.

La regola principale è basata sull’altezza della pagina: la misura dell’altezza della Piramide non deve superare i 2/3 dell’altezza totale della pagina. Si raccomanda di seguire tale regola per evitare che la Piramide occupi una porzione esagerata della pagina e per evitare che prevalgasugli altri elementi.

Esempi di utilizzo della Piramide sono rappresentati nel capitolo 5.

1/3 dell’altezza della pagina

1/3 dell’altezza della pagina

1/3 dell’altezza della pagina La misura dell’altezza della Piramide non deve superare i 2/3 dell’altezza totale della pagina.Almeno 1/3 in altezza deve rimanere libero per permettere l’inserimento del marchio (per un corretto inserimento del marchio, consultare la pagina successiva).

FORMATO QUADRATO

FORMATO ORIZZONTALE

FORMATO VERTICALE

| 4.9Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

PIrAmIDE E mArChIoPer tutte le applicazioni in cui il marchio vive assieme alla Piramide del system, si consigliadi posizionare il marchio nell’angolo a sinistrain basso, oppure nell’angolo a destra in alto, oppure all’interno dell’elemento Piramide.

Si raccomanda di mantenere il marchio sempre alla medesima distanza dai margini del supporto (in alto, in basso e lateralmente) comemostrato in figura.

In generale, si consiglia di mantenere una buona distanza tra la Piramide e il marchio (quando applicato esternamente alla piramide)

Esempi di utilizzo della Piramide sono rappresentati nel capitolo 5.

x

x

x

x

x

x

x

x

x

Il marchio può essere posizionato nell’angolo in basso a sinistrao nell’angolo in altoa destra, o all’interno della Piramide.Si consigliadi mantenere uguali distanze dai margini come mostratoin figura.

Su sfondi scuri si ricorda di utilizzare la versione negativa del marchio, come illustrato nel capitolo 1, pagg. 7,8 e 9.

| 4.10Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

trIANGolIL’elemento grafico “Triangoli” è un elemento secondario del system che viene utilizzato su comunicazioni di tipo istituzionale.Tale elemento viene utilizzato nella maggior parte dei casi, nell’angolo in alto a destra.Può essere utilizzato in modo che riempia la pagina oppure in modo meno invasivo, più piccolo: la scelta tra le due dimensioni dipende dall’obiettivo grafico.

È obbligatorio mantenere sempre i coloriindicati in questa pagina, che fannoriferimento alla colour palette di pagina 4.5.Si vieta l’utilizzo di colori diversio di cambiare la geometria e la costruzionedi tale elemento grafico.

CMYK

60360

150600

289525

326815

3907911

556775

6012689

65186013

CMYK

52106615

76255820

64205223

64312627

90432622

85482118

89481243

10060045

CMYK

60360

150600

289525

326815

3907911

556775

6012689

65186013

CMYK

52106615

76255820

64205223

64312627

90432622

85482118

89481243

10060045

CMYK

60360

150600

289525

326815

3907911

556775

6012689

65186013

CMYK

52106615

76255820

64205223

64312627

90432622

85482118

89481243

10060045

CMYK

CMYK

| 4.11

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

StIlE FotoGrAFICoLo stile fotografico traduce i valori di marca attraverso immagini in grado di rappresentare una spontanea quotidianità, in cui la componente emozionale è veicolata attraverso la luminosità.Possono essere rappresentate scene di vita quotidiana, includendo tutte le fasce di età e alternando immagini di persone a immaginidi natura, aria aperta o combinazioni dei due soggetti.Le immagini dovranno essere contraddistinte da colori chiari e vivaci, il contrasto cromatico dovrà essere sempre equilibrato e mai strillato.Le immagini non devono mai essere affollate di

persone o di oggetti e, soprattutto, ogni immagine può esprimere un solo concetto e rappresentareuna sola situazione. A questo scopo si consiglia di focalizzare l’attenzione su un particolare o su un’azione, attraverso il primo piano.Il contesto in cui i soggetti vengono rappresentati è un’ambientazione neutra, mai protagonista, rappresentata con campi lunghi.

| 4.12

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

ImmAGINI PEr tEmI SPECIFICINei casi in cui vengono trattati argomenti specifici (es. mondo dell’ infanzia, cura del corpo, ricerca farmaceutica) le immagini potranno essere più didascaliche e specialistiche, ambientate preferibilmente in un contesto neutro luminoso.

| 4.13Angelini Brand Manual

04| HOUSE STYLE

01| Marchio 02| Architettura 03| Packaging 04| House Style 05| Applicazioni 06| Stationery

rEttANGolo CoN ANGolI ArrotoNDAtIIn questa pagina sono mostrati dei casi in cui viene affiancato, agli altri elementi del system, un rettangolo dagli angoli stondati.Esso viene utilizzato in generale per evidenziare blocchi di testo, in particolare nei seguenti casi:a. per evidenziare titolo e sottotitolo,nella newsletter;b. per evidenziare del testo o come box nelle presentazioni Power Point;c. all’interno del sito come contenitoredi contenuti.

a. Newsletter b. PPT

c. Website

UTILIZZI CONSIGLIATI E SCONSIGLIATI

c. Website

Si raccomanda di utilizzare tale elemento nei colori indicati (nero al 20% -10% o blu Angelini).Inoltre è vietato utilizzare raggi di curvatura troppo ampi, che avvicinino il rettangolo alla forma circolare, come mostrato in figura.

DNA 01La Newsletter del Gruppo Angelini

TITOLO DELL’ARTICOLOTUAMQUE RENDACCHUIS PES CRET VICIA CONSUS ALIIS. EPS, EGO VERO URE FENIHI, PATUS FERI CONDUM SUNC. TUAMQUE RENDACCHUIS PES CRET VICIA CONSUS ALII-SEPS, EGO VERO URE FENIHI, PATUS FERI CONDUM SUNC.

Tuamque rendacchuis pes cret vicia consus aliis. Eps, ego vero ure fenihi, patus feri condum sunc invocur eorum, Cupiost venata din no. Ahaliu med milic faut vo, sedicia vis, que faceri conium nequide publis nulesi inte convendita virmanu sul vivir inatore sissina teberevicit. Nons caequon host ne nestion sussupientea L. Ecitemulem

ductasd acrivis deesi inte cupplis. manum aus, quam hos inc menarberae coneque tampl. Marbit probus bonsimus, quame cotelius omnem nondit L. Ex morivit.Inatord iissil urnihiciam invener avolint ervivit L. Los, esse telicus omprati licato consultu mo vigil horibut intem pata ressicaet, publibu nunum, omnihi, consul

horudet L. Se achuc fictum su vivas bonsum aus. Vivius, noxim host L. Maet vium inatici butemo vo, que pridiure ta, conit. Fictum nonsum pere actarbi tuscer praridi endactario nosti, ex mo ternum niur huisse te morebus? Ecepos se tem rei pristiam hocum quam in tum facit; noctum concena, mortum in di, quidiemere pulicep.

LOREM IPSUM IS SIMPLY DUMMYLOREM IPSUM IS SIMPLY DUMMY

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remai-ning essentially unchanged.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy unknown.

TABLE 1

VALUE DATE

VALUE DATE

VALUE DATE

VALUE DATE

VALUE DATE

VALUE DATE

VALUE DATE

LOREM IPSUM IS SIMPLY DUMMYLOREM IPSUM IS SIMPLY DUMMY

DIVIDERLOREM IPSUM IS SIMPLY DUMMY TEXT

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typeset-ting, remaining essentially unchanged.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typeset-ting, remaining essentially unchanged.

LOREM IPSUM IS SIMPLY DUMMYLOREM IPSUM IS SIMPLY DUMMY

ANGELINI PRESENTAZIONE LOREM IPSUM 1 ANGELINI PRESENTAZIONE LOREM IPSUM 1

ANGELINI PRESENTAZIONE LOREM IPSUM 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting.

CMYK 00020

CMYK 00010

CMYK 10060 045

RAGGIO DELL’ANGOLO ARROTONDATO:Si suggerisce di utilizzare un raggio di curvatura di 2 mm nella maggior parte delle applicazioni.È importante che nella stessa pagina o nello stessolayout non vengano utilizzati raggi di arrotondamentocon misure diverse.