# Template di brand kit: loghi, colori, caratteri e voce insieme [Canonical HTML page](https://gradiently.design/it/guide/brand-kit-template) Un brand kit è utile solo se qualcuno può aprirlo e fare un design corretto in dieci minuti. Ecco un template che fa proprio questo, sezione per sezione, con un esempio compilato. ## The short version - Un template di brand kit ha sette sezioni: informazioni di base, loghi, colori, caratteri, aspetto distintivo, voce e regole. - I file del logo dovrebbero esserci in versione completa, versione piccola e varianti chiara e scura, in SVG e PNG trasparente. - I colori vanno elencati con HEX e RGB per gli schermi, e CMYK se stampi, insieme a ciò a cui serve ciascun colore. - La sezione sulla voce è ciò che permette ad altre persone e agli strumenti di IA di scrivere con il tono del tuo brand, quindi merita esempi veri. - Un brand kit è più breve e pratico di una guida di stile completa: è l’insieme di file e codici che servono alle persone oggi. Un **template di brand kit** è una struttura da compilare per i file e le informazioni che servono a chiunque progetti per il tuo brand: file del logo, codici colore, caratteri, il tuo aspetto distintivo, la voce e qualche regola. Il template qui sotto ha sette sezioni, nell’ordine in cui le persone cercano le cose. Copialo in un documento o in una cartella condivisa, compila ogni parte e avrai un kit da cui un freelance, un nuovo collega o un assistente IA può lavorare subito. Se stai ancora decidendo *perché* te ne serve uno, il [brand kit](https://gradiently.design/it/guide/brand-kit) tratta il caso. Questa pagina è il template pratico. ## Il template del brand kit ```text BRAND KIT: [Nome del brand] Ultimo aggiornamento: [data] Responsabile: [nome, email] 1. INFORMAZIONI DI BASE Una frase: cosa facciamo e per chi Pubblico: Prodotti o servizi: Sito / nomi utente: 2. LOGHI (ciascuno in SVG + PNG trasparente) Logo completo: chiaro ___ scuro ___ Simbolo / icona: chiaro ___ scuro ___ Dimensioni minime: ___ px di larghezza Area di rispetto: ___ su tutti i lati 3. COLORI (nome / uso / HEX / RGB / CMYK) Sfondo: Principale: Secondario: Neutro chiaro: Accento (con moderazione): 4. TIPOGRAFIA Font per i titoli + peso: Font per il testo + peso: Dove trovarli / licenza: 5. STILE DISTINTIVO Sfondo o codice del Mark: Trattamento delle foto: 6. VOCE Tre parole: Diciamo: ___ Non diciamo mai: ___ Titolo di esempio: 7. REGOLE Sempre: Mai: ``` Copia questo in un documento qualsiasi. Compila ciò che sai ora; lascia dei vuoti invece di tirare a indovinare. ## Cosa serve in ogni sezione | Sezione | Includi | Lacuna frequente | | --- | --- | --- | | Informazioni di base | Una frase, pubblico, prodotti o servizi, link | Nessun contatto per le domande | | Loghi | Versioni completa e piccola, chiara e scura, SVG e PNG | Solo un JPG con un riquadro bianco intorno | | Colori | Nomi, usi, HEX, RGB, CMYK se stampi | Codici senza dire quale colore serve a cosa | | Caratteri | Caratteri per titoli e testo, pesi, licenza | Nomi di caratteri senza file né fonte | | Aspetto distintivo | Lo sfondo o la superficie, il trattamento delle foto | Manca del tutto, quindi ogni designer ne inventa uno | | Voce | Tre parole, esempi, parole da evitare | Aggettivi senza esempi | | Regole | Due o tre righe «sempre» e «mai» | Un lungo elenco che nessuno legge | Le sette sezioni e la lacuna lasciata più spesso in ciascuna. ### Loghi: i file da esportare Esporta ogni versione del logo in SVG per tutto ciò che scala e in PNG trasparente per gli strumenti che non accettano SVG. Dai ai file nomi semplici, come `brand-logo-full-dark.svg`, così nessuno deve aprirli per capire quale sia. Le [varianti del logo](https://gradiently.design/it/guide/logo-variations) spiegano quali versioni ti servono e quando, e le [dimensioni del logo](https://gradiently.design/it/guide/logo-sizes) elencano le misure richieste dalle piattaforme. ### Colori: codici e compiti Elenca ogni colore con un nome e un compito, non solo un codice. «Accento: solo pulsanti e prezzi» impedisce all’accento di invadere un design. Ecco un esempio compilato per un piccolo studio di yoga. - Sfondo: carbone: #1f2421 - Principale: eucalipto: #49695a - Supporto: nebbia di salvia: #b7cbbd - Neutro: lino: #f6f1e9 - Accento: argilla: #d98b5f Cinque colori, ognuno con il compito scritto nel nome. L’accento argilla è per gli orari dei corsi e i prezzi, nient’altro. Aggiungi i valori RGB accanto ai codici hex, e il CMYK se qualcosa viene stampato. [Da hex a RGB](https://gradiently.design/it/guide/hex-to-rgb) ha la conversione, e [RGB e CMYK](https://gradiently.design/it/guide/rgb-vs-cmyk) spiega perché i colori di stampa hanno bisogno di valori propri. ### Caratteri: nomi, file e licenze Scrivi i nomi esatti dei caratteri e i pesi, come «Inter Bold per i titoli, Inter Regular per il testo», e metti i file dei caratteri o un link per scaricarli nella stessa cartella. Annota anche la licenza. Un carattere gratuito per uso personale potrebbe non coprire la campagna pubblicitaria di un cliente, e il kit è dove un freelance andrà a controllare. I [caratteri del brand](https://gradiently.design/it/guide/brand-fonts) aiutano se non hai ancora scelto. ### Aspetto distintivo: la sezione che la maggior parte dei kit dimentica La maggior parte dei brand kit si ferma a logo, colori e caratteri, ed è per questo che i design fatti con essi continuano a variare. Lo sfondo o la superficie dietro i tuoi design riempie gran parte di ogni quadro, quindi ha bisogno di una voce propria: cos’è, dove trovarlo e come si trattano le foto sopra di esso. Se il tuo aspetto è un Mark di Gradiently, scrivi qui il suo codice pubblico, per esempio `GR·K7Q2·MX`, così chiunque può trovare esattamente quello giusto. Senza questa sezione, ogni nuovo designer inventa uno sfondo, e il brand diventa in silenzio più brand diversi. ### Voce: gli esempi battono gli aggettivi ### Difficile da usare - La nostra voce è calda, cordiale e professionale - Evita di suonare come un venditore - Sii inclusivo ### Facile da usare - Diciamo: «Vieni come sei, i tappetini ci sono.» - Non diciamo mai: «Ultima occasione» o «Non perdere l’occasione» - Dai del tu a tutti; non dare mai per scontate flessibilità o forma fisica Gli esempi contano ancora di più ora che gli strumenti di IA scrivono molte prime bozze. Un assistente a cui dai tre frasi vere con la tua voce la imiterà molto meglio di uno a cui dai tre aggettivi. [La voce del brand per l’IA](https://gradiently.design/it/guide/brand-kit-voice) spiega come scrivere questa sezione per le macchine oltre che per le persone. ## Un esempio compilato, messo in pratica La prova di un brand kit è se qualcuno che non ti ha mai incontrato può fare un post corretto con esso. Ecco cosa produce il kit dello studio di yoga nelle mani di un nuovo freelance, senza altre istruzioni. Un post verticale di uno studio di yoga che annuncia un corso di flow all’alba il sabato alle 7, sullo sfondo sfumato dello studio L’annuncio di un corso costruito solo con il kit: palette, caratteri, aspetto e voce. Una storia verticale dello stesso studio di yoga con la scritta Vieni come sei, con lo stesso sfondo e carattere Una storia dallo stesso kit. Formato diverso, stesso brand, nessuna istruzione in più. ## Dove tenere il tuo brand kit - **Una cartella condivisa** con il documento e ogni file di logo e carattere. Semplice e universale. - **Dentro il tuo strumento di design**, così colori, caratteri e loghi sono a un clic invece di essere copiati a mano. - **Un responsabile e una data.** Qualcuno è responsabile degli aggiornamenti, e tutti possono vedere se il kit è attuale. Il brand kit di Gradiently, parte di Pro, copre gran parte di questo template: nome e descrizione, loghi, palette di colori, un carattere per i titoli e uno per il testo (puoi caricare i file dei caratteri), voce, pubblico e cosa fa il brand. Può leggere il tuo sito per compilare al posto tuo nome, descrizione, colore e icona. Progetta su un Mark come aspetto distintivo, e il Designer scrive con la voce del tuo kit e applica il tuo kit quando imposta i design. [Impostare il brand kit](https://gradiently.design/it/guide/brand-kit-setup) ti guida. ## FAQ ### Cosa dovrebbe includere un brand kit? Informazioni di base sul brand, file del logo in più versioni, codici colore con i loro usi, caratteri, il tuo aspetto distintivo, esempi di voce e qualche regola. ### Che differenza c’è tra un brand kit e una guida di stile? Un brand kit è l’insieme pratico di file e codici che servono alle persone per progettare oggi. Una guida di stile è un documento più lungo che spiega regole e ragioni in profondità. ### In che formato devono essere i loghi in un brand kit? SVG per tutto ciò che scala e PNG trasparente per gli strumenti che non accettano SVG, ognuno in versione chiara e scura. ### Quanto deve essere lungo un brand kit? Abbastanza breve da leggersi in dieci minuti. Se serve di più, sposta i dettagli in una guida di stile a parte.