# Branding con i gradienti: un’identità a gradiente tutta tua [Canonical HTML page](https://gradiently.design/it/guide/gradient-branding) I gradienti sono ovunque, ed è proprio questo il problema. Ecco come trasformarne uno in un’identità che le persone riconoscono, invece che in uno sfondo che chiunque potrebbe usare. ## The short version - Il branding con i gradienti significa usare una specifica sfumatura di colori come parte centrale e riconoscibile di un brand, come altri brand usano un singolo colore. - Un gradiente funziona come branding solo quando è coerente: gli stessi colori, la stessa direzione, la stessa texture e lo stesso comportamento ovunque compaia il brand. - I gradienti più diffusi sono condivisi da migliaia di brand, quindi un gradiente costruito da un preset raramente diventa riconoscibile da solo. - Le identità a gradiente più forti aggiungono qualcosa di più difficile da copiare del colore: un materiale, una texture, un modo di muoversi o un modo di fare spazio alle parole. - Ogni identità a gradiente ha bisogno di un colore piatto di riserva per le dimensioni piccole, la stampa a un colore e i posti in cui i gradienti non si possono rendere. Il **branding con i gradienti** consiste nell’usare una particolare sfumatura di colori come parte centrale di come le persone ti riconoscono, come un altro brand potrebbe possedere un solo rosso. Fatto bene, il gradiente diventa una firma: le persone vedono l’angolo di un post o una striscia di un header e sanno di chi è prima di leggere una parola. Fatto male, diventa uno sfondo gradevole che potrebbe appartenere a chiunque, perché di fatto già appartiene a chiunque. Questa guida spiega perché i gradienti sono diventati firme di brand, perché la maggior parte di loro non riesce a essere riconoscibile e i passi pratici per costruirne uno che puoi chiamare tuo. Se l’argomento è nuovo per te, comincia da [cos’è un gradiente](https://gradiently.design/it/guide/what-is-a-gradient) e dai [tipi di gradiente](https://gradiently.design/it/guide/types-of-gradients). ## Perché i brand sono passati dal colore piatto ai gradienti Il flat design ha dominato gli schermi per anni perché era pulito, veloce e facile da mantenere coerente. Ma il colore piatto ha un tetto: esistono solo un certo numero di tinte distinguibili, e la maggior parte delle categorie ha già un colore che usano tutti. Un gradiente moltiplica le opzioni. Due o tre colori, una direzione e una texture danno uno spazio di combinazioni abbastanza grande da trovare qualcosa di distintivo. I gradienti sembrano anche vivi sugli schermi. Una sfumatura suggerisce luce, profondità e movimento come un singolo colore non riesce a fare, ed è per questo che compaiono così spesso su icone di app, pagine di lancio e film di prodotto. Un post social verticale con il titolo Aperti fino a tardi il venerdì su un gradiente scuro e luminoso Un’identità a gradiente su un post nel feed… Una storia verticale che annuncia un nuovo menù sullo stesso gradiente del post accanto …e su una storia. Stesso materiale, un compito diverso. ## Perché la maggior parte del branding con i gradienti non è riconoscibile La stessa cosa che ha reso facili i gradienti li ha resi comuni. Gli strumenti di design forniscono gli stessi preset, i generatori suggeriscono gli stessi abbinamenti e le tendenze spingono tutti verso la stessa sfumatura dal viola al rosa o dal blu al verde acqua nello stesso momento. Quando migliaia di brand partono dalle stesse poche centinaia di gradienti, quei gradienti smettono di appartenere a qualcuno. - Dal viola al rosa: `linear-gradient(135deg, #7f5af0 0%, #ff6ac1 100%)` - Dal blu al ciano: `linear-gradient(135deg, #4facfe 0%, #00f2fe 100%)` - Dall’orchidea al corallo: `linear-gradient(135deg, #f093fb 0%, #f5576c 100%)` - Dal verde all’acqua: `linear-gradient(135deg, #43e97b 0%, #38f9d7 100%)` Sfumature a due colori familiari. Ognuna è attraente, e ognuna è usata da così tanti brand che nessuna dice chi sei. C’è una seconda trappola: l’incoerenza. Un brand usa un gradiente sul sito, uno leggermente diverso sui social e un terzo nelle slide perché qualcuno lo ha ricostruito a memoria. La riconoscibilità nasce dalla ripetizione, e la ripetizione richiede che il gradiente sia lo stesso ogni volta. La nostra guida alla [coerenza del brand](https://gradiently.design/it/guide/brand-consistency) spiega meglio perché. ## Cosa rende un gradiente davvero tuo Il solo colore è facile da prendere in prestito. Ciò che rende difficile copiare un’identità a gradiente è tutto ciò che sta attorno al colore. Pensa a un’identità a gradiente come a una ricetta e non a un campione. | Ingrediente | Cosa fa | Quanto è difficile da copiare | | --- | --- | --- | | Colori | La prima cosa che le persone notano | Facile: chiunque può campionare un codice esadecimale | | Direzione e struttura | Campi lineari, radiali, mesh o fluidi | Da facile a moderato | | Materiale e texture | Grana, seta, vetro, carta, luce | Difficile: sta nel modo in cui si comporta la superficie | | Movimento | Come il colore deriva o scorre | Difficile: serve lo stesso sistema per riprodurlo | | Comportamento con le parole | Come il campo fa spazio al testo | Molto difficile senza lo stesso sistema | Più scendi nella lista, più un gradiente diventa tuo. È il ragionamento alla base degli asset distintivi del brand: gli elementi che scatenano il riconoscimento da soli, senza un logo. Un gradiente diventa uno di questi asset solo quando la sua ricetta completa resta coerente. Approfondisci negli [asset distintivi del brand](https://gradiently.design/it/guide/distinctive-brand-assets). ## Come costruire un’identità a gradiente, passo dopo passo 1. **Parti da ciò che vuoi che le persone sentano** Scrivi tre parole per il carattere del tuo brand, come *calmo, preciso, caldo*. Decidono temperatura, contrasto e texture prima ancora che tu guardi un solo colore. La [personalità del brand](https://gradiently.design/it/guide/brand-personality) ha un metodo semplice. 2. **Scegli un fondo** Decidi se il tuo gradiente vive su un fondo scuro o chiaro. I fondi scuri fanno brillare il colore; quelli chiari sembrano arieggiati e stampati. La maggior parte delle identità ne sceglie uno e lo mantiene. 3. **Scegli da tre a cinque colori, non due** Le sfumature a due colori sono le più copiate. Una piccola famiglia di colori affini con un accento dà profondità e più possibilità di essere distintivi. Controlla che le transizioni non diventino grigie al centro; vedi i [gradienti sporchi](https://gradiently.design/it/guide/muddy-gradients). 4. **Aggiungi un materiale** Grana, una lucentezza di seta, una luce morbida o la grana della carta cambiano come si leggono gli stessi colori. Qui sta gran parte del carattere, ed è la parte che un selettore di colori non può copiare. 5. **Decidi come si comporta con le parole** Il tuo gradiente porterà titoli, prezzi e date. Decidi dove sta il testo e come lo sfondo gli fa spazio. [Testo su un gradiente](https://gradiently.design/it/guide/text-on-gradient) tratta le opzioni. 6. **Imposta un colore piatto di riserva** Scegli un colore pieno dal gradiente per favicon, dimensioni minuscole, ricami e stampa a un colore. Un’identità a gradiente senza riserva si rompe alle dimensioni piccole. 7. **Mettilo per iscritto e usalo ovunque** Registra colori, direzione, texture e riserva nella tua [guida di stile del brand](https://gradiently.design/it/guide/brand-style-guide), poi applicalo a ogni formato nella stessa settimana. - Fondo mezzanotte: #0e0a1f - Ametista profonda: #3b1d6e - Luce viola: #8b5cf6 - Rosa brace: #f472b6 - Riflesso caldo: #fcd9c4 Una famiglia di gradiente: un fondo scuro, tre colori collegati e un riflesso caldo. Il riflesso è usato con parsimonia, ed è ciò che lo rende memorabile. ## Mantenere coerente un gradiente in ogni formato Un post quadrato, una storia verticale e un banner tre a uno sono problemi diversi. Stirare una stessa immagine di gradiente su tutti li deforma e sposta la sua parte più luminosa nel punto sbagliato. La soluzione è trattare il gradiente come qualcosa che generi per ogni forma, non come un’immagine che ritagli. - Post 4:5: 1080 × 1350 - Storia 9:16: 1080 × 1920 - Intestazione X 3:1: 1500 × 500 - Slide 16:9: 1920 × 1080 La stessa identità, generata per ogni formato invece di essere ritagliata da un’unica immagine. ### Da evitare - Ricostruire il gradiente a memoria a ogni nuovo file - Ritagliare un’unica immagine larga in ogni formato - Un gradiente diverso per ogni piattaforma - Nessun colore piatto per le dimensioni piccole ### Da fare - Una ricetta scritta che tutti usano - Generare il gradiente per ogni dimensione - Un’unica identità, con variazioni in impaginazione e parole - Un solo colore di riserva scelto dalla famiglia ## Possedere un gradiente fino in fondo Anche un gradiente costruito con cura può essere campionato e riutilizzato da qualcun altro. Ecco perché Gradiently tratta un’identità a gradiente come un **Mark**: una ricetta viva di colori, materiali, luce, grana e movimento che viene generata dietro tutto ciò che progetti, con un codice pubblico e esattamente un proprietario alla volta. Prima che un nuovo Mark venga pubblicato viene confrontato con tutti gli altri, e qualsiasi cosa troppo vicina viene rifiutata, così l’aspetto che riservi non sta nel feed di qualcun altro. Un Mark è un’identità a gradiente con un proprietario: la sua pagina mostra il codice, chi l’ha creato e chi lo possiede ora. Puoi sfogliare migliaia di Mark nel [Mercato](/market), progettare con qualsiasi di loro gratis e riservare quello in cui ti riconosci. Oppure creare il tuo nella [Forge](/forge), da una frase o controllo per controllo. > **Una prova rapida** Copri il logo e le parole, poi mostra a uno sconosciuto tre tuoi post accanto a tre di un concorrente. Se non riesce a dire quali sono i tuoi, il tuo gradiente non sta ancora facendo il lavoro di un’identità. ## FAQ ### Cos’è il branding con i gradienti? Il branding con i gradienti è usare una specifica sfumatura di colori come parte centrale e riconoscibile dell’identità di un brand, applicata con coerenza a ogni formato, un po’ come un colore firma del brand. ### Si può registrare un gradiente come marchio? La tutela di colori e combinazioni di colori dipende dal paese e di solito richiede di dimostrare che le persone associano già quei colori al tuo brand. Per le questioni legali, rivolgiti a un professionista dei marchi. ### Quanti colori deve avere il gradiente di un brand? Da tre a cinque colori affini di solito funzionano meglio: abbastanza per profondità e distintività, abbastanza pochi da restare coerenti. Le sfumature a due colori sono le più facili da copiare. ### I loghi con gradiente funzionano alle dimensioni piccole? Spesso no. Ogni identità a gradiente dovrebbe includere un colore piatto di riserva per favicon, piccole icone e stampa a un colore, preso dalla famiglia del gradiente. ### Come rendo unico il mio gradiente? Vai oltre il colore: aggiungi un materiale o una texture, decidi come si muove e come fa spazio alle parole e mantienilo identico ovunque. Con Gradiently puoi anche riservare un Mark, un’identità a gradiente con esattamente un proprietario.