2026

V.1.0 MAGGIO 2026

MANUALE OPERATIVO DEL BRAND

Il tuo mondo in una Stampa

Strategia & Identità

uso interno · documento ufficiale

01 - BRAND STRATEGY

Chi siamo,
per chi parliamo,
cosa promettiamo.

01 - Tesi del brand

Non una tipografia.
Uno specialista affidabile.

L’integrazione del report comparativo conferma che StampaeStampe occupa uno spazio ad alto valore nel mercato Web-to-Print: non il territorio del semplice volume, ma quello dello specialista capace di ridurre stress operativo, rischio tecnico e attriti logistici per agenzie, grafici, allestitori e rivenditori.

TESI GUIDA

StampaeStampe non deve apparire come una semplice tipografia online, ma come specialista affidabile e ufficio tecnico esterno per i professionisti.

L’integrazione del report comparativo conferma che StampaeStampe occupa uno spazio ad alto valore nel mercato Web-to-Print: non il territorio del semplice volume, ma quello dello specialista capace di ridurre stress operativo, rischio tecnico e attriti logistici per agenzie, grafici, allestitori e rivenditori.

Customer Care al centro della proposta di valore. Non un servizio accessorio, ma il cuore della proposta: ufficio tecnico esterno, presidio consulenziale e filtro anti-errore per i progetti professionali.

02 - Posizionamento

Positioning statement

Il posizionamento revisionato esprime in modo sintetico chi serviamo, cosa offriamo e perché veniamo scelti. È la cornice operativa di ogni decisione di comunicazione e prodotto.

Positioning statement

Per agenzie, grafici, rivenditori e professionisti della comunicazione visiva che cercano eccellenza senza rischi, StampaeStampe.it è il partner specializzato che unisce la velocità dell’online alla consulenza di un tecnico dedicato, offrendo supporti professionali, logistica affidabile e soluzioni fuori standard che vanno oltre il catalogo.

Ruolo di mercato
Ruolo percepito
Promessa centrale

Specialista affidabile del grande formato.

Ufficio tecnico esterno che parla la lingua del grafico e dell’allestitore.

Più controllo, meno rischi, più margine per il professionista.

03 · Promessa e pilastri

Quattro pilastri valoriali

La promessa del brand si articola in quattro pilastri concreti e approvati, che guidano ogni scelta di prodotto, comunicazione e servizio. Ogni pilastro corrisponde a un asset operativo reale del brand.

01
02
03
04
Ingegneria del Packaging
Verticalità Tecnica
Supporto Human-to-Human
Partnership PRO

L’imballaggio va comunicato come protezione della reputazione del cliente finale. Non è logistica: è affidabilità percepita e riduzione dei resi. Il prodotto deve arrivare perfetto, integro e pronto per essere consegnato o installato.

Grande formato, rigidi, tessuti tecnici, supporti outdoor, eco-friendly, ignifughi e finiture speciali devono essere raccontati come presidio specialistico. Specializzazione negli allestimenti fiera, pannelli rigidi, tessuti tecnici, retroilluminati, materiali outdoor.

Il Customer Care deve essere percepito come tecnico dedicato: qualcuno che risponde davvero, previene i problemi e gestisce i fuori standard. Parli con persone che conoscono file, supporti, finiture, bianco selettivo, tagli, resa e applicazione.

SPRINT e le condizioni riservate vanno spiegati come strumento di partnership che protegge la competitività del rivenditore. Listini dedicati, condizioni riservate, tutela del margine e gestione di richieste non standard.

04 · TARGET

A chi parliamo

Il nostro pubblico è composto da sei profili di professionisti B2B che lavorano sotto pressione di scadenze e di responsabilità verso clienti finali. Persone che non comprano stampa: comprano serenità operativa.

Agenzie creative

Studi di comunicazione che gestiscono progetti complessi e responsabilità verso clienti finali. Cercano un partner tecnico che riduca il rischio in fase di produzione.

Studi grafici

Designer e art director che hanno bisogno di un interlocutore tecnico competente su file, finiture e resa cromatica. Il dialogo tecnico è parte del servizio.

Allestitori

Specialisti del grande formato, fiere ed eventi: serve velocità, supporti tecnici certificati e logistica precisa. L’arrivo integro del materiale è parte della commessa.

Rivenditori

Professionisti che marginano sulla rivendita e che richiedono listini protetti, condizioni riservate e affidabilità. Il programma PROWIS è progettato per loro.

Reparti marketing

Manager e buyer di aziende strutturate che gestiscono produzione di materiali per eventi, comunicazione esterna e allestimenti interni. Hanno bisogno di affidabilità logistica, rispetto delle scadenze e interlocutori tecnici che riducano il carico operativo interno.

Comunicazione visiva

Fotografi, video maker, content creator, illustratori che necessitano di supporti di alta qualità professionale (stampe fine art, supporti rigidi, materiali speciali) e di un interlocutore che comprenda le specificità del file e della resa cromatica.

05 · DIFFERENZIAZIONE

Territorio competitivo

Il confronto competitivo chiarisce dove StampaeStampe deve presidiare la conversazione: non sul solo prezzo o sulla sola UX, ma sulla combinazione di specializzazione tecnica, affidabilità logistica e supporto umano.

DRIVER DI SCELTA
STAMPAESTAMPE.IT

Territorio percepito

Specialista grande formato e supporti rigidi

Supporto tecnico

Diretto e consulenziale

Affidabilità imballo

Massima

Valore per i PRO

Riduce il rischio e tutela il margine

Ruolo ideale

Partner operativo

Formula sintetica di differenziazione

Più affidabile di un generalista.

Più operativo di una boutique editoriale.

Più umano di una piattaforma automatizzata.

TONE OF VOICE

Come parliamo,
cosa diciamo,
come agiamo.

06 - Linguaggio

Da evitare, da enfatizzare

La comunicazione deve costruire un contrasto chiaro con il modello “black box”. Il configuratore gestisce lo standard; il valore di StampaeStampe inizia quando il progetto richiede verifica, materiali corretti, fattibilità, fuori-catalogo e responsabilità tecnica.

✅ Da Enfatizzare

❌ Da Evitare

"Confronto tecnico diretto, prevenzione dell'errore, affidabilità dell'arrivo."

"Protezione del margine del rivenditore."

"Soluzioni custom e fuori-catalogo per progetti complessi."

"Un tecnico dedicato che parla la tua lingua."

Messaggi centrati solo sul prezzo basso.

Promesse di autonomia totale come unico beneficio.

Velocità raccontata come unico vantaggio competitivo.

Linguaggio impersonale o "black box".

07 - VOCABOLARIO

Territorio lessicale

Le parole che presidiamo nella comunicazione e nel customer care. Il vocabolario si articola su due livelli: i termini di posizionamento (che costruiscono il brand) e il lessico tecnico di mestiere (che certifica la verticalità). In fondo, le formule vietate.

Lessico di posizionamento

Termini che definiscono il brand nella mente del professionista. Da usare nei titoli, headline, social, ADV e customer care.

Specialista affidabile

Ufficio tecnico esterno

Supporto consulenziale

Controllo preventivo

Fuori standard

Partner operativo

Verticalità tecnica

Riduzione del rischio

Affidabilità logistica

Verifica progetto critico

Preventivo sartoriale

Soluzione personalizzata

Listino protetto

Confronto tecnico

Responsabilità tecnica

Condizioni riservate

Imballaggio ingegnerizzato

Fattibilità

Lessico tecnico di mestiere

Termini produttivi che certificano la verticalità tecnica del brand. Da usare nel customer care, nelle schede prodotto e nella comunicazione tecnica con professionisti.

Finiture

Tagli

Bianco selettivo

Resa cromatica

Supporti

Lavorazioni

Prototipazione

Accoppiature

Tolleranze

Criticità esecutive

Retroilluminati

Materiali outdoor

Formule vietate - Da evitare sempre

Queste espressioni sono incompatibili con il tono B2B e il posizionamento del brand. Il loro uso in qualsiasi touchpoint è da correggere.

Ordina subito

Scopri le offerte

Acquista ora

Prezzi imbattibili

Veloce e conveniente

Produzione automatizzata

08 - messaggio guida

Il nostro vantaggio competitivo in una frase

È la sintesi che ogni team interno deve avere chiara, prima di scrivere o parlare a nome del brand.

messaggio GUIDA

Il sito ti dà velocità. Le persone in StampaeStampe ti danno controllo, soluzioni e margine di sicurezza.

Leadership takeaway. StampaeStampe non deve essere ricordata come “un sito dove ordinare stampe”, ma come lo specialista affidabile che aiuta il professionista a consegnare bene, proteggere il margine e ridurre lo stress operativo. In una formula: il vero vantaggio competitivo è essere l’ufficio tecnico esterno delle agenzie.

09 - ANGOLI DI COMUNICAZIONE

Tre angoli narrativi approvati

Gli angoli di comunicazione sono il framework operativo per chiunque produca contenuti: social, ADV, email, landing page. Ogni touchpoint deve essere costruito attorno a uno di questi tre assi narrativi. Non sono intercambiabili: ognuno attiva un pilastro specifico e risponde a un pain point preciso del target.

ANGOLO 01

Anti-rischio

ANGOLO 02

Fuori standard

ANGOLO 03

Partnership PRO

HEADLINE APPROVATA

«Più controllo. Meno rischi.»

PAIN POINT ATTIVATO

Paura di errori tecnici, ristampe e contestazioni che danneggiano la reputazione con il cliente finale.

PILASTRO DI RIFERIMENTO

Supporto Human-to-Human Verticalità Tecnica

HEADLINE APPROVATA

«Sblocca il catalogo che non vedi online.»

PAIN POINT ATTIVATO

Progetti che il configuratore online non riesce a gestire: formati fuori standard, materiali speciali, lavorazioni custom.

PILASTRO DI RIFERIMENTO

Verticalità Tecnica Ingegneria del Packaging

HEADLINE APPROVATA

«Il partner tecnico per professionisti.»

PAIN POINT ATTIVATO

Necessità di un fornitore che tuteli il margine del rivenditore e offra condizioni riservate strutturate, non trattabili caso per caso.

PILASTRO DI RIFERIMENTO

Partnership PRO Supporto Human-to-Human

Regola operativa. Ogni contenuto prodotto (post, ADV, email, landing) deve essere assegnato a uno dei tre angoli prima della scrittura. L’angolo determina headline, copy principale e CTA da usare. Non mixare angoli nello stesso touchpoint.

10 - cta framework

Le 10 call to action approvate

Senza un repertorio CTA condiviso, designer, copywriter e agenzie esterne produrranno call to action non allineate al posizionamento. Le 10 CTA qui indicate sono gli unici testi approvati. Le CTA retail sono esplicitamente vietate.

CTA DIRETTE - AZIONE IMMEDIATA

Parla con un tecnico

Homepage – Email – Social

Richiedi un confronto tecnico

Landing – ADV – Email

Ottieni un preventivo su misura

Landing – Homepage

Sblocca soluzioni fuori catalogo

ADV – Social – Landing

Verifica la fattibilità del tuo progetto

Homepage – Email – Social

CTA di valore - beneficio al centro

Proteggi il tuo progetto prima di andare in stampa

Email – Landing – ADV

Scopri il materiale giusco con noi

Homepage – Schede prodotto – Social

Attiva condizioni riservate per professionisti

Landing PRO – Email rivenditori

Evita errori, chiedi una verifica tecnica

ADV – Social – Email

Quando il progetto è complesso, contattaci

Homepage – Email – Landing

CTA vietate. Le seguenti espressioni sono incompatibili con il tono B2B e non devono comparire in nessun touchpoint: Ordina subito · Scopri le offerte · Acquista ora · Prezzi imbattibili · Aggiungi al carrello. Queste formule appartengono al retail generico e contraddicono il posizionamento da partner tecnico.

IDENTITY

L'icona visiva del brand.

10 - IL LOGO

Il nostro logo

Queste sono le principali regole di applicazione del logo Stampaestampe.it.
Utilizziamo il logo tradizionale a 3 colori ovunque sia possibile, ma soprattutto in contesti che richiedono un forte riconoscimento del marchio e un’elevata fiducia: homepage, email transazionali, comunicazioni promozionali e pagine aziendali. Il logo tradizionale si utilizza solo su sfondi bianchi e grigio chiari (#F1F1F1).

Il logo

Versione principale a 3 colori da utilizzare prevalentemente su tutti gli sfondi bianchi.

Heritage · 3 colori

La versione a colori principale, può essere utilizzata anche su sfondo grigio chiaro (#F1F1F1).

Negativo

La versione negativa (bianca) viene utilizzata prevalentemente su sfondo nero e grigio scuro. Può essere utilizzato su sfondi monocromatici e su elementi fotografici.

White & Black

La versione bianco e nero viene utilizzata prevalentemente su sfondi bianco. 

11 - Spazio Di rispetto

Spazio di rispetto

Lo spazio di rispetto è la quantità di spazio necessaria intorno al logo per massimizzarne visibilità e impatto. L’altezza “x” equivale sempre all’altezza della “S” maiuscola del logo. La dimensione minima sullo schermo è di 25 px di altezza.

12 - Scalabilità e containers

Scalabilità

Quando si ridimensiona un logo, assicurarsi sempre che la leggibilità non venga compromessa. Dimensione minima sullo schermo: l’altezza del logo è di 25 px.

Containers

Ci piace che il nostro logo trasmetta un senso di libertà, ma a volte nel web deve essere racchiuso in un container. Alcuni siti aggiungono un margine extra alle immagini caricate, quindi dobbiamo assicurarci che ciò che vediamo rispetti comunque le nostre linee guida: un logo centrato con ampio spazio libero. 

Quando il contenitore è piccolo, usiamo un logo bianco su uno sfondo scuro per massimizzare la leggibilità. 

Per i container dei canali social invece, dove le dimensioni sono molto ridotte, è consigliato l’utilizzo dell’avatar seguendo le regole indicate.

13 - favicon, avatar e watermark

Favicon

È l’icona visiva che rappresenta StampaeStampe.it su tutti i nostri siti web. È leggibile sia in modalità chiara che scura nei browser più diffusi. La favicon deve essere utilizzata solo per il web in caso di containers di dimensioni ridotte, come per esempio le pic profile dei canali social.La modalità colore su sfondo bianco è utilizzata come favicon del sito web.

Costruttivo

Favicon

Avatar

La favicon può trasformarsi all’occorrenza in avatar ad esempio all’interno dei cointainers di dimensioni ridotte come quelli delle pic profile dei canali social.

On Platform

Off Platform (Social pic profile)

Utilizzi alternativi consentiti dell’avatar.
Oltre alle versioni Bianco e nero e negativo, è possibile utilizzare l’avatar in presenza di sfondi colorati. In questi casi è opportuno rendere il logo ben visibile utilizzando abbinamenti tono su tono o a contrasto, sempre rispettando le regole di accessibilità cromatica. In questo caso consultare la sezione colore e il suo utilizzo.

B/W

Negativo

Tono su tono

Contrasto

Watermark

Il watermark viene applicato direttamente sui prodotti presenti nel catalogo per indicare dove è presente una personalizzazione grafica sul prodotto stesso. Come per l’avatar può essere utilizzato in diverse soluzioni colore.

14 - partnership

Brand Partnership

Per le partnership tra marchi, mostriamo sia il nostro logo che quello del partner, separandoli con una “X” sui dispositivi grafici. Lo spazio tra ciascun logo e la “X” è pari allo spazio libero consentito per il logo StampaeStampe.it. Quando si ridimensionano i loghi, si inizia con il logo di StampaeStampe.it, quindi si ridimensiona e si centra otticamente il logo del partner per un equilibrio visivo ottimale.

15 - UTILIZZO DEL PAYOFF

Il tuo mondo in una Stampa.

"Il tuo mondo in una Stampa."

Il nostro claim rafforza i valori del nostro marchio e crea un legame emotivo con il nostro pubblico. Funziona anche come elemento grafico, migliorando l’equilibrio del layout. Per mantenere l’impatto e la risonanza del nostro payoff, è importante utilizzarlo con parsimonia: un uso eccessivo può ridurne l’efficacia.

Posizionamento

Il payoff è posizionato sotto al logo con allineamento a sinistra.

Disposizione nei layout

In composizioni grafiche più articolate può essere utilizzato separatamente dal logo. In questo caso il payoff è costruito a partire dal logo seguendo un resize ben preciso e viene collocato, nella maggior parte dei casi, nell’angolo in basso a destra per formati orizzontali (16:9 – posizione del logo in basso a sinistra) o in basso a sinistra per formati verticali (9:16 – posizione del logo in alto a destra). Maggiore flessibilità è possibile per utilizzi di maggiore impatto, come ad esempio le animazioni.

Size (6/6 x)

Posizionamento layout orizzontale/verticale

Formato 16:9

Formato 9:16

COLOR SYSTEM

3 primari.
120 tonalità.
1 unico sistema.

16 - COLORI PRIMARI

I 3 colori del logo

I nostri colori principali sono i 3 colori del logo. Rappresentano la storia del nostro marchio e costituiscono la base della palette completa.

Nero S&S
Ciano S&S
Rosso S&S

Nero S&S

HEX
· #000000
RGB · 0 / 0 / 0
CMYK · 0 / 0 / 0 / 100

Ciano S&S

HEX · #0097E3 
RGB · 0 / 151 / 227
CMYK
· 100 / 33 / 0 / 11

Rosso S&S

HEX · #CF2517
RGB · 207 / 37 / 23
CMYK · 0 / 82 / 89 / 19

17 - Palette completa

10 famiglie · 12 toni · 120 colori

Abbiamo 10 famiglie di colori (incluso il nero) con 12 tonalità in ogni famiglia, per un totale di 120 colori nella palette completa. Utilizziamo sottoinsiemi di questa palette, abbinando le famiglie in gruppi di 4, 3 o 2 colori per caratterizzare prodotti, sezioni o tematiche diverse.

0

1

2

3

4

5

6

7

8

9

10

11

HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#1A1A1A
RGB
26/26/26
CMYK
76/67/61/83
HEX
#333333
RGB
51/51/51
CMYK
69/60/56/66
HEX
#4D4D4D
RGB
77/77/77
CMYK
62/52/50/48
HEX
#666666
RGB
102/102/102
CMYK
56/45/45/33
HEX
#7F7F7F
RGB
127/127/127
CMYK
50/39/39/21
HEX
#979797
RGB
151/151/151
CMYK
42/33/33/12
HEX
#B0B0B0
RGB
176/176/176
CMYK
34/25/26/5
HEX
#CACACA
RGB
202/202/202
CMYK
24/18/19/1
HEX
#E3E3E3
RGB
227/227/227
CMYK
13/9/11/0
HEX
#F1F1F1
RGB
241/241/241
CMYK
7/5/5/0
HEX
#FBFBFB
RGB
251/251/251
CMYK
2/1/1/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#2A0405
RGB
42/4/5
CMYK
61/87/65/86
HEX
#540107
RGB
84/1/7
CMYK
42/100/80/65
HEX
#950004
RGB
149/0/4
CMYK
26/100/100/28
HEX
#BC0000
RGB
188/0/0
CMYK
17/100/100/9
HEX
#E00000
RGB
224/0/0
CMYK
2/100/100/0
HEX
#F8272B
RGB
248/39/43
CMYK
0/90/79/0
HEX
#FA6C71
RGB
250/108/113
CMYK
0/70/44/0
HEX
#F9B0B2
RGB
249/176/178
CMYK
0/41/21/0
HEX
#F9D5D5
RGB
249/213/213
CMYK
1/22/12/0
HEX
#F8EFEF
RGB
248/239/239
CMYK
3/8/5/0
HEX
#FCFAFA
RGB
252/250/250
CMYK
1/2/2/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#38062A
RGB
56/6/42
CMYK
69/100/42/67
HEX
#640147
RGB
100/1/71
CMYK
56/100/30/40
HEX
#80005B
RGB
128/0/491
CMYK
51/100/24/21
HEX
#A90070
RGB
169/0/112
CMYK
35/100/13/5
HEX
#D00081
RGB
208/0/129
CMYK
16/98/0/0
HEX
#E315A0
RGB
227/21/160
CMYK
19/88/0/0
HEX
#E262B8
RGB
226/98/184
CMYK
19/71/0/0
HEX
#E
4A3D0
RGB
228/163/208
CMYK
11/46/0/0
HEX
#E9CAE1
RGB
233/202/225
CMYK
9/26/1/0
HEX
#F4EEF2
RGB
244/238/242
CMYK
5/7/3/0
HEX
#FCFAFC
RGB
252/250/252
CMYK
1/2/0/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#260335
RGB
38/3/53
CMYK
93/100/39/60
HEX
#490062
RGB
73/0/98
CMYK
87/100/28/21
HEX
#7C00A3
RGB
124/0/163
CMYK
72/93/0/0
HEX
#9D00CB
RGB
157/0/203
CMYK
66/86/0/0
HEX
#B30ADD
RGB
179/10/221
CMYK
62/83/0/0
HEX
#B225F4
RGB
178/37/244
CMYK
65/80/0/0
HEX
#BE62F4
RGB
190/98/244
CMYK
52/65/0/0
HEX
#D
3A1F7
RGB
211/161/247
CMYK
28/42/0/0
HEX
#E0C2F9
RGB
224/194/249
CMYK
18/28/0/0
HEX
#FBFAFC
RGB
251/250/252
CMYK
2/2/0/0
HEX
#FBFAFC
RGB
251/250/252
CMYK
2/2/0/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#161635
RGB
22/22/53
CMYK
100/96/44/59
HEX
#24245E
RGB
36/36/94
CMYK
100/96/31/22
HEX
#3A3AA0
RGB
58/58/160
CMYK
91/82/0/0
HEX
#4844C7
RGB
72/68/199
CMYK
85/75/0/0
HEX
#5A4BEC
RGB
90/75/236
CMYK
82/72/0/0
HEX
#7874F4
RGB
120/116/244
CMYK
67/58/0/0
HEX
#9696ED
RGB
150/150/237
CMYK
48/42/0/0
HEX
#
BABAF2
RGB
186/186/242
CMYK
31/28/0/0
HEX
#D5D5F4
RGB
213/213/244
CMYK
18/16/0/0
HEX
#F1F1F6
RGB
241/241/246
CMYK
7/5/2/0
HEX
#F7F7F9
RGB
247/247/249
CMYK
4/3/2/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#002E34
RGB
0/46/52
CMYK
96/59/56/65
HEX
#004D5D
RGB
0/77/93
CMYK
92/51/44/37
HEX
#00799C
RGB
0/121/156
CMYK
84/37/24/8
HEX
#008DC3
RGB
0/141/195
CMYK
80/30/8/0
HEX
#009AE9
RGB
0/154/233
CMYK
75/28/0/0
HEX
#00B5EF
RGB
0/181/239
CMYK
71/7/0/0
HEX
#27CEF0
RGB
39/206/240
CMYK
64/0/8/0
HEX
#
65E2F6
RGB
101/226/246
CMYK
53/0/10/0
HEX
#B3F0F8
RGB
179/240/248
CMYK
32/0/8/0
HEX
#E6F8F8
RGB
230/248/248
CMYK
12/0/5/0
HEX
#F7F9F9
RGB
247/249/249
CMYK
4/1/2/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#001D35
RGB
0/29/53
CMYK
100/85/49/61
HEX
#002E5E
RGB
0/46/94
CMYK
100/84/38/27
HEX
#00449E
RGB
0/68/158
CMYK
100/76/0/0
HEX
#0049C5
RGB
0/73/197
CMYK
92/71/8/0
HEX
#004EEB
RGB
0/78/235
CMYK
89/68/0/0
HEX
#0070F1
RGB
0/112/241
CMYK
83/57/0/0
HEX
#539EF3
RGB
83/158/243
CMYK
65/31/0/0
HEX
#
9BC7F2
RGB
155/199/242
CMYK
42/13/0/0
HEX
#C
3DFF5
RGB
195/223/245
CMYK
27/5/1/0
HEX
#E1EFF9
RGB
225/239/249
CMYK
14/2/2/0
HEX
#F
7FAFC
RGB
247/250/252
CMYK
4/1/1/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#050535
RGB
5/5/53
CMYK
100/95/44/63
HEX
#06065F
RGB
6/6/95
CMYK
100/94/34/33
HEX
#0707A1
RGB
7/7/161
CMYK
100/91/11/2
HEX
#0202C8
RGB
2/2/200
CMYK
99/82/0/0
HEX
#0700EC
RGB
7/0/236
CMYK
94/77/0/0
HEX
#2323F1
RGB
35/35/241
CMYK
91/75/0/0
HEX
#5E5EF2
RGB
94/94/242
CMYK
79/68/0/0
HEX
#9D9DF7

RGB
157/157/247
CMYK
45/40/0/0
HEX
#C4C4FC

RGB
196/196/252
CMYK
27/24/0/0
HEX
#EAEAFD
RGB
234/234/253
CMYK
9/8/0/0
HEX
#FAFAFC

RGB
250/250/252
CMYK
2/2/1/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#000F11
RGB
0/15/17
CMYK
93/72/62/88
HEX
#001F24
RGB
0/31/36
CMYK
97/67/59/76
HEX
#004A5B
RGB
0/74/91
CMYK
93/54/44/38
HEX
#006881
RGB
0/104/129
CMYK
88/42/33/18
HEX
#007CA6
RGB
0/124/166
CMYK
84/38/20/5
HEX
#0099BA
RGB
0/153/186
CMYK
78/20/20/2
HEX
#28ADC1
RGB
40/173/193
CMYK
72/7/24/0
HEX
#
82C5CD
RGB
130/197/205
CMYK
52/4/21/0
HEX
#ADD5D8

RGB
173/213/216
CMYK
37/4/17/0
HEX
#DDF1F1
RGB
221/241/241
CMYK
16/0/7/0
HEX
#F7FCFC

RGB
247/252/252
CMYK
4/0/2/0
HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#000706
RGB
0/7/6
CMYK
89/74/62/94
HEX
#001A15
RGB
0/26/21
CMYK
93/60/69/84
HEX
#00362B
RGB
0/54/43
CMYK
92/48/73/64
HEX
#005D49
RGB
0/93/73
CMYK
90/36/72/34
HEX
#007F66
RGB
0/127/102
CMYK
85/26/66/11
HEX
#00957A
RGB
0/149/122
CMYK
82/16/61/2
HEX
#00A793
RGB
0/167/147
CMYK
78/6/51/0
HEX
#
51CEBA
RGB
81/206/186
CMYK
62/0/37/0
HEX
#A9E6DB

RGB
169/230/219
CMYK
37/0/21/0
HEX
#D3F2eEC
RGB
211/242/236
CMYK
21/0/11/0
HEX
#F7FCFB

RGB
247/252/251
CMYK
4/0/2/0
18 - palette secondarie

Combinazioni 4 / 3 / 2 colori

Utilizziamo alcuni sottoinsiemi della nostra palette di colori completa a seconda del pubblico di riferimento e della piattaforma utilizzata. Quando il nostro pubblico non è presente sulla nostra piattaforma (sito web) o è più distante dal prodotto, utilizziamo una palette più limitata per rafforzare il riconoscimento del brand.
Quando i clienti sono presenti sulla piattaforma o più vicini al prodotto, utilizziamo una palette più ampia per esprimerci con maggiore audacia. Ad esempio, ci atteniamo ai nostri colori principali nelle pubblicità al di fuori della piattaforma e possiamo utilizzare una palette più ampia nel marketing sui social media e sulle piattaforme web.

Combinazioni a 4 colori

Combinazioni a 3 colori

Combinazioni a 2 colori

19 - COLORI Terziari

Strategia cromatica

Abbiamo selezionato un set di colori per definire delle strategie di comunicazione precise sulla nostra piattaforma. Ciascuno di questi colori è associato a sentimenti e ad azioni ben precise che coinvolgono l’utente finale.

Attenzione
Urgenza

Non completato
In evidenza
Affidabilità

Nuovo prodotto
Azione
Convinzione

CTA
Procedi
Conferma

Promo

I colori critici indicano tendenze negative, azioni distruttive, contenuti con scadenza ravvicinata e altre notifiche importanti che richiedono un’attenzione urgente. Tra queste figurano stati di errore, pulsanti per l’eliminazione e tempo limitato rimanente per gli elementi.

Il nostro colore d’accento utilizza il colore principale del nostro marchio per attirare l’attenzione su informazioni o azioni importanti. I colori d’accento non indicano un sentimento positivo o negativo, ma hanno lo scopo di guidare e istruire i nostri utenti su elementi di interesse.

Una variante del nostro colore d’accento, è il nostro colore d’azione che ha lo scopo di spingere l’utente verso un’azione ben determinata. L’utilizzo è prevalentemente legato alle CTA.

I colori del successo indicano convalida e risparmio. Trasmettono un sentimento positivo e vengono utilizzati per messaggi di successo, indicatori di conferma e tendenze positive.

HEX · #BC0000
RGB · 188 / 0 / 0
CMYK · 17 / 100 / 100 / 9

HEX · #BC0000 
RGB · 0 / 154 / 233
CMYK · 75 / 28 / 0 / 0

HEX · #004EEB
RGB · 0 / 78 / 235
CMYK · 89 / 68 / 0 / 0

HEX · #00957A
RGB · 0 / 149 / 122
CMYK · 82 / 16 / 61 / 2

Colori Neutri
I colori neutri sono colori di servizio e vengono utilizzati in diverse tonalità per contenuti informativi, selezionabili o disattivabili. Ciò include testi come titoli di elementi, avvisi informativi, pulsanti di opzione e link testuali.

Informazioni

Primario
Sospensione

Secondario
Disabilitato

Terziario
Sfondo


HEX
· #000000
RGB · 0 / 0 / 0
CMYK · 91 / 79 / 62 / 97

 

HEX · #7F7F7F 
RGB · 127 / 127 / 127
CMYK
· 50 / 39 / 39 / 21

 

HEX · #CACACA
RGB · 202 / 202 / 202
CMYK · 24 / 18 / 19 / 1

 

HEX · #F1F1F1
RGB · 0 / 149 / 122
CMYK · 7 / 5 / 5 / 0

UTILIZZO DEL COLORE NELLA PROGETTAZIONE

Il colore nella progettazione.

20 - Colore e logo

L'uso del colore con il logo

Il nostro logo può essere utilizzato su sfondi fotografici, a colori e neutri. Il colore del logo dipende dallo sfondo su cui viene utilizzato.

Sulla fotografia

Sul colore

Sui neutri

Quando utilizzato direttamente su una fotografia, il logo è sempre bianco. Utilizziamo il più possibile foto con pochi elementi distrattivi, con composizioni pulite dallo stile il più possibile minimale. In caso di poco contrasto inseriamo sotto al logo un livello nero con opacità 25%.

Se utilizzato su sfondi colorati applichiamo il tono su tono. Il logo dovrà essere del colore più scuro rispetto alla tonalità dello sfondo in caso di sfondo chiaro, e più chiaro rispetto alla tonalità dello sfondo in caso di sfondo scuro. La differenza sarà sempre di almeno 5 tonalità all’interno della stessa famiglia.

Il nostro logo a 3 colori può essere utilizzato su sfondi bianchi e grigio chiari (#f1f1f1).

21 - Colore e Tipografia

L'uso del colore con la tipografia

È possibile utilizzare la tipografia su sfondi fotografici, colorati e neutri. Il colore del testo dipende dallo sfondo su cui viene utilizzato.

Sulla fotografia

Sul colore

Sui neutri

Quando utilizzato direttamente su una fotografia, il testo è sempre bianco. Utilizziamo il più possibile foto con pochi elementi distrattivi, con composizioni pulite dallo stile il più possibile minimale. In caso di poco contrasto inseriamo sotto al testo un livello nero con opacità 25%.

Se utilizzato su sfondi colorati applichiamo il tono su tono. Il testo dovrà essere del colore più scuro rispetto alla tonalità dello sfondo in caso di sfondo chiaro, e più chiaro rispetto alla tonalità dello sfondo in caso di sfondo scuro. La differenza sarà sempre di almeno 5 tonalità all’interno della stessa famiglia. Per abbinamenti predefiniti, consultare la sezione di abbinamento del colore.

Sui neutri, anche la tipografia è neutra.

22 - Token Cromatici

Coerenza cromatica

I token cromatici rappresentano decisioni ripetute su come il colore viene visualizzato in tutto il nostro sistema visivo e forniscono metodi per applicarle in modo coerente, soprattutto in ambito digital. Ciò garantisce che il colore venga utilizzato in modo appropriato e rimanga accessibile in qualsiasi contesto e modalità.

Modalità Light/Dark

23 - Abbinamenti cromatici

Il colore nel marketing

Ogni volta che posizioniamo testo o pulsanti su uno sfondo colorato, dobbiamo assicurarci di rispettare i requisiti minimi di contrasto per l’accessibilità. Utilizzando queste coppie di colori predefinite, possiamo garantire che StampaeStampe.it sia accessibile a tutti.

 

Utilizziamo il colore con audacia ma con parsimonia, applicando la nostra strategia tono su tono dove possibile. Ciò significa che deriviamo gli sfondi colorati dalle foto che presentiamo o dal contesto di utilizzo che abbiamo scelto (tematiche o sezioni specifiche) e il colore in primo piano è sempre una tonalità più chiara o più scura del colore di sfondo, predefinito nello strumento di abbinamento colori. In questo modo, ogni elemento si concentra su una singola famiglia di colori che si armonizza con tutto il resto.

A

B

C

D

E

F

G

H

I

2

HEX
#540107
RGB
84/1/7
CMYK
42/100/80/65
HEX
#640147
RGB
100/1/71
CMYK
56/100/30/40
HEX
#490062
RGB
73/0/98
CMYK
87/100/28/21
HEX
#24245E
RGB
36/36/94
CMYK
100/96/31/22
HEX
#004D5D
RGB
0/77/93
CMYK
92/51/44/37
HEX
#002E5E
RGB
0/46/94
CMYK
100/84/38/27
HEX
#06065F
RGB
6/6/95
CMYK
100/94/34/33
HEX
#001F24
RGB
0/31/36
CMYK
97/67/59/76
HEX
#001A15
RGB
0/26/21
CMYK
93/60/69/84

6

HEX
#F8272B
RGB
248/39/43
CMYK
0/90/79/0
HEX
#E315A0
RGB
227/21/160
CMYK
19/88/0/0
HEX
#B225F4
RGB
178/37/244
CMYK
65/80/0/0
HEX
#7874F4
RGB
120/116/244
CMYK
67/58/0/0
HEX
#00B5EF
RGB
0/181/239
CMYK
71/7/0/0
HEX
#0070F1
RGB
0/112/241
CMYK
83/57/0/0
HEX
#2323F1
RGB
35/35/241
CMYK
91/75/0/0
HEX
#0099BA
RGB
0/153/186
CMYK
78/20/20/2
HEX
#00957A
RGB
0/149/122
CMYK
82/16/61/2

7

HEX
#FA6C71
RGB
250/108/113
CMYK
0/70/44/0
HEX
#E262B8
RGB
226/98/184
CMYK
19/71/0/0
HEX
#BE62F4
RGB
190/98/244
CMYK
52/65/0/0
HEX
#9696ED
RGB
150/150/237
CMYK
48/42/0/0
HEX
#27CEF0
RGB
39/206/240
CMYK
64/0/8/0
HEX
#539EF3
RGB
83/158/243
CMYK
65/31/0/0
HEX
#5E5EF2
RGB
94/94/242
CMYK
79/68/0/0
HEX
#82C5CD
RGB
130/197/205
CMYK
52/4/21/0
HEX
#00A793
RGB
0/167/147
CMYK
78/6/51/0

9

HEX
#F9D5D5
RGB
249/213/213
CMYK
1/22/12/0
HEX
#E9CAE1
RGB
233/202/225
CMYK
9/26/1/0
HEX
#E0C2F9
RGB
224/194/249
CMYK
18/28/0/0
HEX
#D5D5F4
RGB
213/213/244
CMYK
18/16/0/0
HEX
#B3F0F8
RGB
179/240/248
CMYK
32/0/8/0
HEX
#C3DFF5
RGB
195/223/245
CMYK
27/5/1/0
HEX
#C4C4FC
RGB
196/196/252
CMYK
27/24/0/0
HEX
#ADD5D8
RGB
173/213/216
CMYK
37/4/17/0
HEX
#A9E6DB
RGB
169/230/219
CMYK
37/0/21/0

L

HEX
#000000
RGB
0/0/0
CMYK
91/79/62/97
HEX
#FFFFFF
RGB
251/251/251
CMYK
2/1/1/0

Distribuzione

marketing off-platform
marketing on-platform
marketing out-of-home

Il marketing off-platform include le comunicazioni che sono al di fuori del nostro sito web, come banner pubblicitari di prodotti, promozioni sui social media e posizionamenti che competono per l’attenzione in ambienti affollati. In questi casi utilizziamo la palette di colori del marketing che derivano direttamente dai colori del brand.

Il marketing off-platform include le comunicazioni che sono al di fuori del nostro sito web, come banner pubblicitari di prodotti, promozioni sui social media e posizionamenti che competono per l’attenzione in ambienti affollati. In questi casi utilizziamo la palette di colori del marketing che derivano direttamente dai colori del brand.

Il marketing on-platform include banner di prodotto o di categoria, promozioni/eventi speciali all’interno del nostro sito web. In questo caso utilizzeremo un’ampia gamma cromatica per valorizzare al meglio e per dare maggiore gerarchia ai contenuti.

Marketing on-platform

Marketing off-platform

Marketing out-of-home

TIPOGRAPHY

Chiarezza,
linearità e coerenza:
Plain font.

24 - FONT PRIMARIA

Plain — font family

“Plain” è la famiglia tipografica ufficiale di StampaeStampe. Composta da 24 varianti (dal Ultra thin al Black) è stata scelta come font primaria del brand rispetto alla precedente font “Inter” per diverse caratteristiche tecniche:

– maggiore compattezza e consistenza
– minor presenza di rastremature che complicano la lettura sul digitale
– maggiore coerenza con le forme del logo

Il suo utilizzo è prevalentemente legato al mondo del web e dell’e-commerce e le numerose varianti consentono di stabilire una corretta gerarchizzazione dei contenuti all’interno delle pagine web, rendendo più chiari e fruibili i contenuti.

Anatomia della font

Overview e dettagli a confronto tra Plain e Inter.

Maggiore compattezza e consistenza

Minor presenza di rastremature che complicano la lettura sul digitale

Più coerenza con le forme del logo

  • L’altezza della x si misura dalla linea di base fino alla parte superiore della “x” minuscola.
  • L’ascendente è la parte di una lettera minuscola che si estende al di sopra dell’altezza della “x”.
  • L’interlinea è lo spazio verticale tra le righe di testo, misurato dalla linea di base alla linea di base.
  • Il discendente è la parte di una lettera minuscola che si estende al di sotto della linea di base. La linea di base è la linea invisibile su cui poggiano le lettere.”
25 - LUNGHEZZA PARAGRAFO

Regole per la leggibilità

La lunghezza del paragrafo influisce sulla leggibilità. Definiamo intervalli ottimali di caratteri per riga per garantire un’esperienza di lettura confortevole su ogni dispositivo.
Mantenere la lunghezza delle righe tra 32 e 80 caratteri (contando lettere e spazi) garantisce che le informazioni importanti non vadano perse e che il lettore rimanga coinvolto. 

Inoltre è importante che vi sia un‘allineamento a sinistra per offrire un margine invisibile che facilita la lettura e la scansione del testo. Evita di mescolare allineamenti diversi tra i blocchi di testo per mantenere semplicità e chiarezza della struttura. Non giustificare il testo per riempire i margini.

Formatta il testo in modo che il lato destro del blocco di testo risulti abbastanza uniforme.

❌ Troppo lungo 130+ caratteri

Le righe troppo larghe affaticano la lettura: l'occhio si perde nel ritorno a capo, la comprensione cala drasticamente.

130+

✅ Ottimale 80 caratteri

Lunghezza ottimale per testi su desktop. Garantisce un buon ritmo di lettura e una corretta gerarchia visiva.

80

✅ Compatto 32 caratteri

Lunghezza adatta a contesti mobile e a colonne strette. Mantiene una buona leggibilità anche su schermi piccoli.

32

❌ Troppo corto <20 caratteri

Righe troppo corte spezzano il ritmo di lettura, costringendo l'occhio a continui ritorni a capo.

<20

26 - GERARCHIA tipografica

L'utilizzo della font

Un sapiente utilizzo di variazioni di dimensione e spessore dei caratteri ci permette di trasmettere un ordine logico e una fluidità ai blocchi di testo. Una gerarchia chiara garantisce che venga comunicato il livello di importanza e che le informazioni più importanti vengano messe in evidenza per prime.

Titoli

Bold

Usiamo il Plain Bold per i Titoli.

Sottotitoli

Medium

Usiamo il Plain Medium per i Sottotitoli.

Body

Regular

Usiamo il Regular per i le body copy e i testi più lunghi.

Caption

Regular

Usiamo il Plain Regular per le Caption, i disclaimer e i testi che hanno dei link.

27 - STILI tipografici

15 stili tipografici

Introduciamo nel nostro sistema degli stili predefiniti di caratteri impiegati nella costruzione tipografica delle singole pagine del nostro sito web e dei diversi prodotti digitali, come contenuti mail e landing page. Li abbiamo suddivisi in 15 stili diversi, ognuno con valori predefiniti di peso, dimensione, interlinea e spaziatura tra le lettere.

Stile

Dimensione

Interlinea

Tracking

Display+

46+

auto

-4%

Display 1

46

56

-2%

Display 2

36

46

-2%

Display 3

30

40

-2%

Titolo 1

24

32

0%

Titolo 2

20

28

0%

Titolo 3

16

24

0%

Sottotitolo 1

20

28

0%

Sottotitolo 2

16

24

0%

Body

14

20

0%

Body Grassetto

14

20

0%

Didascalia

12

16

0%

Didascalia Grassetto

12

16

0%

SEGNALE 1

14

20

5%

SEGNALE 2

10

12

5%

28 - esempi di applicazione

Come applicare gli stili tipografici

29 - Dimensioni delle font nei vari device

Scalabilità nei device

Questa sezione mostra come ogni stile di testo si adatta alle dimensioni dello schermo, da quelle piccole a quelle grandi. Il ridimensionamento dinamico garantisce che ogni pagina e componente mantenga gerarchia e armonia visiva su tutte le dimensioni dello schermo. ll comportamento di ridimensionamento è integrato in ogni componente e alcuni componenti ridimensionano il testo in modo diverso. In questo caso si procederà a una revisione manuale dello stile del testo.

Uitilizzo

Schermo SMALL

Schermo MEDIUM

Schermo LARGE

Titoli header

-

-

Display+ (46+ px)

Titoli banner

-

-

Display 2 (36 px)

Titoli paragrafi

-

-

Display 3 (30 px)

Titoli card prodotti/attributi del prodotto

-

-

Titoli 2 (20 px)

Titoli nome/tipologia attributo

-

-

Sottotitolo 1 (20 px)

Voci di menu/prezzi card prodotti/voci scontrino

-

-

Sottotitolo 2 (16 px)

Body descrizione

-

-

Body (14 px)

Prezzi barrati card prodotti/discalimer

-

-

Didascalia (12 px)

Breadcrumb

-

-

Segnale 1 (14 px)

ICONOGRAPHY

Iconografia e regole d'uso

30 - Costruttivo geometrico delle ICONE

5 dimensioni standard

Le nostre icone sono disponibili in 5 dimensioni principali per una leggibilità e un’usabilità ottimali, oltre a dimensioni extra-piccole ed extra-grandi da utilizzare con parsimonia. È fondamentale tenere presente che, man mano che le icone si riducono di dimensioni, i dettagli vengono spesso ridotti e semplificati per una chiarezza ottimale. L’identità di un’icona deve rimanere coerente e facilmente riconoscibile in tutte le dimensioni.

24

Navigazione - 24 px

Queste sono le dimensioni utilizzate principalmente sul sito.In particolare nell’header e nel menu di navigazione dei prodotti

24/16

Configuratore - 24/16 px

Un set specializzato di icone da progettato per supportare l’area di configurazione del prodotto, garantendo un equilibrio ottico ottimale.

12

Extra small - 12 px

Ideale per i controlli di ordinamento delle tabelle, le frecce e i simboli a forma di chevron: situazioni in cui l’icona deve essere funzionale ma secondaria rispetto al contenuto principale.

64

Extra large - 64 px

Riservate alle schermate vuote.

31 - REGOLE D'USO delle ICONE

Icone e testo, colore e icone

Per una corretta gerarchia visiva, è importante mantenere dimensioni appropriate per icone e testo quando si posizionano questi elementi sulla stessa riga. Le icone sono monocromatiche per impostazione predefinita.

Dimensione pulsante dell’icona

Scegli icone che si integrino visivamente bene con i pulsanti. Un utile consiglio è quello di selezionare un’icona di dimensioni pari alla metà di quelle del pulsante. Ad esempio, opta per un’icona da 16 pixel se abbinata a un pulsante da 32 pixel.

Icone e testo relazione dimensionale

icone e testo devono essere allineati verticalmente. Utilizzare una spaziatura di 4 pixel tra iconedi 12 e 16 px e il testo e di 8 pixel tra icone di 20 e 24 px e il testo. Per una corretta gerarchia visiva, è importante mantenere dimensioni appropriate per icone e testo quando si posizionano questi elementi su un’unica riga.

Colore e icone

Le icone sono monocromatiche per impostazione predefinita. La maggior parte utilizzerà il nostro colore di primo piano principale, o il colore di primo piano disabilitato.

Colore icona in abbinamento al testo

Se l’icona è contenuta in un pulsante o è associata a un’etichetta e è abbinata a un testo, questa prenderà il colore del blocco di testo. Fanno eccezione il caso dei colori terziari in cui l’icona ha un valore semantico e potrebbe avere un colore differente dal blocco di testo.

CONTATTI
VERSIONE

Brand Manual 2026 · Strategia, identità visiva e regole d’uso. Documento ufficiale per uso interno e per i partner di brand. 

Brand Manual v.1.0

Maggio 2026