# Gradiente del brand: come fare di un gradiente la tua firma

[Canonical HTML page](https://gradiently.design/it/guide/brand-gradient-system)

Alcuni brand si riconoscono da un angolo di colore prima ancora di vedere il logo. Non è mai un caso. Ecco come costruire un gradiente del brand che funziona da firma, non da decorazione.

## The short version

- Un gradiente del brand funziona da firma solo se è distintivo, specificato con esattezza e usato allo stesso modo in ogni punto di contatto.
- Una specifica completa del gradiente del brand copre il colore di fondo, la famiglia di colori, da dove arriva la luce, la texture della superficie, la grana ed eventuale movimento.
- Ogni gradiente del brand ha bisogno di un colore piatto di riserva per le piccole dimensioni, la stampa a un colore e il ricamo.
- Il riconoscimento nasce dalla ripetizione, quindi un gradiente firma dovrebbe comparire con lo stesso ruolo e più o meno nella stessa quantità su post, slide e packaging.
- I gradienti sono difficili da proteggere legalmente, ed è per questo che distintività e uso coerente contano più di qualsiasi singola scelta di colore.

Un **gradiente del brand** diventa una firma quando sono vere tre cose: non assomiglia a quello di nessun altro, è specificato con precisione sufficiente perché ogni designer lo riproduca allo stesso modo, e compare con lo stesso ruolo ogni volta. La maggior parte dei gradienti di brand fallisce la prima prova perché parte da un preset popolare, e gli altri falliscono la seconda perché vivono come un’unica immagine esportata invece che come una ricetta. Costruisci l’asset con cura e può fare il lavoro di un logo dall’altra parte della stanza.

## Cosa distingue una firma da un bel gradiente

### Decorazione

- Da viola a rosa, perché stava bene
- Rifatto a occhio per ogni design
- Angolo e colori variano da designer a designer
- Usato ovunque, quindi non significa nulla
- Si rompe alla dimensione di una favicon e nella stampa a un colore

### Firma

- Un territorio di colore che i concorrenti non usano
- Una ricetta scritta, salvata come token
- La luce arriva sempre dallo stesso punto
- Riservato a momenti precisi, così si nota
- Ha un colore piatto di riserva già pianificato

Il discorso più ampio sul possedere asset visivi è negli [elementi distintivi del brand](https://gradiently.design/it/guide/distinctive-brand-assets). Questo articolo riguarda la costruzione pratica.

## Come creare un gradiente del brand, passo per passo

1. **Mappa la categoria** Fai screenshot di feed, siti e packaging di dieci concorrenti e disponili insieme. Annota quali tinte e sfumature ricorrono. Il tuo gradiente dovrebbe stare dove quel muro è vuoto.
2. **Scegli un fondo** Decidi prima se scuro o chiaro. Un fondo profondo fa brillare il colore e sa di premium; un bianco caldo sa di stampato e calmo. Il fondo porta l’atmosfera più dell’accento.
3. **Scegli una piccola famiglia** Da tre a cinque colori affini più al massimo un accento. I vicini si fondono bene; gli opposti diventano grigi, come spiegano i [gradienti sporchi](https://gradiently.design/it/guide/muddy-gradients).
4. **Decidi da dove arriva la luce** Un bagliore basso in un angolo, una fascia in alto, una pozza dietro il centro. Fissare la fonte di luce è ciò che rende il gradiente riconoscibile anche ritagliato.
5. **Aggiungi una superficie** Grana, carta, seta o vetro. Un materiale distingue il tuo gradiente da un’impostazione predefinita. La [texture dei gradienti](https://gradiently.design/it/guide/gradient-texture) confronta le opzioni.
6. **Prova il riconoscimento** Fai cinque design, copri i loghi e mostrali a chi conosce il brand. Se lo sa nominare solo dal colore, funziona.

Luce di rame su verde petrolio: `radial-gradient(circle at 20% 85%, #f59e0b 0%, #b45309 18%, #134e4a 55%, #042f2e 100%)`

Una firma di esempio: un fondo verde petrolio profondo illuminato dal rame in basso a sinistra. Verde petrolio e rame hanno un calore abbastanza vicino da fondersi attraverso il marrone e non il grigio, e la luce d’angolo è la parte che le persone ricordano.

## Scrivi la ricetta, non solo i colori

I codici hex da soli non definiscono un gradiente. Due designer con gli stessi quattro colori produrranno due risultati diversi, perché posizione degli stop, direzione e texture sono dove vive il carattere. Scrivi una specifica che una persona nuova potrebbe seguire senza chiederti nulla.

| Parte | Esempio di specifica |
| --- | --- |
| Fondo | Verde petrolio profondo `#042f2e`, almeno metà dell’area |
| Famiglia | `#134e4a` verde petrolio, `#b45309` rame, `#f59e0b` ambra |
| Luce | Radiale, centrata in basso a sinistra, mai dietro il titolo |
| Stop | 0%, 18%, 55%, 100% |
| Superficie | Grana fine monocromatica, appena visibile a piena dimensione |
| Movimento | La luce scorre piano lungo il bordo inferiore; in loop |
| Riserva | Verde petrolio profondo piatto con il rame come unico accento |

Una specifica del gradiente del brand di una pagina. Mettila nella [guida di stile del brand](https://gradiently.design/it/guide/brand-style-guide) e salva i valori come codice.

## Pianifica il colore piatto di riserva

Un gradiente sparisce alla dimensione di una favicon, nella stampa a un colore, sul ricamo e in alcuni client di posta. Scegli ora le versioni piatte invece di lasciare che ogni fornitore indovini. Di solito il colore di fondo è il principale colore piatto e il colore di luce più brillante è l’unico accento.

- Fondo, piatto principale: #042f2e
- Luce, piatto d’accento: #f59e0b
- Verde petrolio, secondario: #134e4a
- Carta, per il testo: #fdf6ec

La palette piatta che sostituisce il gradiente su una favicon, un timbro, una divisa o un’email di solo testo.

## Usalo con lo stesso ruolo ovunque

Il riconoscimento si costruisce con la ripetizione in un ruolo coerente. Decidi dove compare il gradiente del brand: forse su copertine, lanci e in cima a ogni presentazione, con i colori piatti a fare il lavoro quotidiano. Una firma usata su tutto diventa carta da parati. La [coerenza del brand](https://gradiently.design/it/guide/brand-consistency) dice di più sulle regole che i team seguono davvero.

- Storia 1080×1920: 1080 × 1920
- Post 1080×1350: 1080 × 1350
- Banner LinkedIn 1584×396: 1584 × 396
- Slide 1920×1080: 1920 × 1080
- Biglietto da visita 1050×600: 1050 × 600

Cinque punti di contatto con forme molto diverse. La luce d’angolo deve cadere nello stesso punto relativo su ognuno, il che significa rendere il gradiente per formato invece di ritagliare un’unica immagine.

## Proteggere un gradiente del brand

Colori e gradienti sono difficili da proteggere per legge, e i dettagli dipendono dal paese e da un uso lungo e provato; [si può proteggere con il copyright un gradiente](https://gradiently.design/it/guide/can-you-copyright-a-gradient) espone il quadro generale senza essere una consulenza legale. In pratica, la protezione che hanno la maggior parte dei brand è distintività più coerenza: un aspetto così legato a te che copiarlo farebbe solo pensare a te.

Gradiently è nato per questo vuoto. Un Mark è una ricetta finita di colori, materiali, luce, grana e movimento, confrontata con ogni altro Mark perché non ne venga accettato nessuno troppo vicino, e ha un solo proprietario alla volta. Riservarne uno mette il tuo nome nel suo registro pubblico con un certificato numerato, e solo tu puoi esportare design con quel Mark. È una registrazione nel registro, non un marchio, ma significa che la tua firma non può comparire nel feed di un concorrente realizzato con lo stesso strumento.

Un post verticale con una sola riga breve su uno sfondo sfumato illuminato e distintivo

Un gradiente del brand al lavoro: colore e luce portano l’identità, così le parole possono restare brevi.

## FAQ

### Che cos’è un gradiente del brand?

Un gradiente che un brand usa con coerenza come parte della propria identità, specificato con esattezza per poter essere riprodotto allo stesso modo ovunque.

### Come creo un gradiente firma per il mio brand?

Trova un territorio di colore che i concorrenti non usano, scegli un fondo e una piccola famiglia di colori, fissa da dove arriva la luce, aggiungi una texture di superficie e verifica se le persone lo riconoscono senza il logo.

### Cosa devono includere le linee guida del gradiente del brand?

Il colore di fondo, la famiglia di colori con i codici hex, la posizione degli stop, la direzione della luce, la texture, l’eventuale movimento e un colore piatto di riserva.

### Posso registrare come marchio il gradiente del mio brand?

Proteggere colori e gradienti per legge è difficile e dipende dal paese e dall’uso provato, quindi chiedi a un avvocato esperto di marchi. L’uso distintivo e coerente è la protezione su cui si basa la maggior parte dei brand.

### Un gradiente del brand ha bisogno di una versione piatta?

Sì. Favicon, stampa a un colore, ricamo e alcuni client di posta non possono mostrare un gradiente, quindi pianifica in anticipo i colori piatti.