Creazione di un marchio
Una procedura guidata ti accompagna nella creazione di un kit di marchio passo dopo passo. Niente è definitivo; ogni campo può essere perfezionato in seguito dalla scheda Impostazioni del profilo del marchio, che riutilizza gli stessi editor della procedura guidata.
Panoramica rapida
- Avvia un nuovo marchio dalla panoramica dei marchi.
- Assegnagli un nome, almeno. È l'unico campo obbligatorio.
- Procedi attraverso i restanti sei passaggi in ordine, oppure salta a qualsiasi passaggio che hai già raggiunto facendo clic sulla sua pillola.
- Rivedi il riepilogo e crea il kit.
- Atterri sulla scheda Lavori del nuovo profilo, pronto per allegare design e media.
Le pillole dei passaggi nella parte superiore tengono traccia dei tuoi progressi: un segno di spunta per un passaggio completato, una pillola evidenziata per quello corrente. Non puoi saltare oltre il passaggio Identità finché non viene inserito un nome, ma una volta inserito, tutte le pillole successive diventano cliccabili in qualsiasi ordine.
I sette passaggi
| Passaggio | Cosa si imposta |
|---|---|
| 1. Identità | Nome, tagline, descrizione, categoria, sito web, se è tuo o di un cliente, e handle social |
| 2. Logo e copertina | Un logo e un'immagine di copertina, scelti dai tuoi media |
| 3. Palette colori | Campioni con ruoli nominati come primario, accento, sfondo e testo |
| 4. Tipografia | Un font per titoli e uno per il corpo, e una scala tipografica completa |
| 5. Voce e tono | Tono, archetipo, messaggi chiave, parole da usare e da evitare, e chi può vedere il kit |
| 6. Storia e filosofia | La storia del marchio, la missione e la filosofia |
| 7. Riepilogo | Un riepilogo che confermi prima della creazione |
Passaggio 1: Identità
| Campo | Limite | Note |
|---|---|---|
| Nome del marchio | 120 caratteri, obbligatorio | L'unico campo che blocca il proseguimento |
| Tagline | 240 caratteri | Breve testo visualizzato sotto il nome nell'app |
| Breve descrizione | 2.000 caratteri | Alimenta il testo "about" del marchio e le sue linee guida scritte |
| Categoria | Uno dei 16 predefiniti | Generale, Tecnologia, Moda e Abbigliamento, Bellezza e Cura, Cibo e Bevande, Salute e Benessere, Finanza, Istruzione, Viaggi, Casa e Living, Intrattenimento e Media, Sport, Corporate, E-commerce, Agenzia, Altro |
| Sito web | 400 caratteri | Anche referenziato dal suggerimento di estrazione automatica sul campo |
| Proprietà | Nostro / Marchio cliente | Scegliendo "Marchio cliente" appare un campo nome cliente (160 caratteri) |
| Handle social | 200 caratteri ciascuno | Instagram, X, TikTok, LinkedIn, YouTube |
Passaggio 2: Logo e copertina
Entrambe le immagini provengono dallo stesso selettore di galleria utilizzato nell'area di lavoro: scegli un'immagine esistente dalla tua libreria multimediale o caricane una nuova al momento. Il SVG è raccomandato per il logo perché rimane nitido a qualsiasi dimensione; funzionano anche PNG, JPG e WebP. Qui vengono impostati solo un logo primario e un'immagine di copertina; varianti aggiuntive del logo (una versione solo marchio, una versione per sfondi scuri, una filigrana e così via) vengono aggiunte successivamente dalla scheda Impostazioni del profilo.
Passaggio 3: Palette colori
Aggiungi, modifica e rimuovi campioni, e assegna a ciascuno un nome e un ruolo opzionale.
| Ruolo | Scopo |
|---|---|
| Primario, Secondario, Accento | Colori principali del marchio |
| Sfondo, Testo, Link | Ruoli di superficie e contenuto utilizzati dal controllo contrasto |
| Successo, Avviso, Errore | Colori di stato |
| Neutro | Qualsiasi altra cosa |
| Nessun ruolo | Lascialo non assegnato se non si adatta ancora a un ruolo |
La palette inizia con un campione già riempito e impostato sul ruolo primario, quindi non inizi mai da una palette completamente vuota; modificalo o cancellalo come qualsiasi altro campione. Ogni campione ha il proprio selettore colore più un campo hex digitato, un nome e un menu a tendina per il ruolo. Non c'è un limite massimo al numero di campioni che puoi aggiungere.
Passaggio 4: Tipografia
Scegli prima un font per titoli e uno per il corpo, ciascuno dall'elenco dei font di sistema, da un insieme selezionato di font web o caricando il tuo file. Sotto, una tabella completa della scala tipografica ti permette di sovrascrivere il font, la dimensione, il peso, l'altezza della riga e la spaziatura tra lettere per ogni livello di titolo più i paragrafi del corpo:
| Livello | Dimensione predefinita | Peso predefinito | Altezza riga predefinita |
|---|---|---|---|
| H1 | 48px | 700 | 1.15em |
| H2 | 36px | 700 | 1.2em |
| H3 | 28px | 600 | 1.25em |
| H4 | 22px | 600 | 1.3em |
| H5 | 18px | 600 | 1.4em |
| H6 | 16px | 600 | 1.4em |
| Paragrafo | 16px | 400 | 1.6em |
Ogni livello utilizza per impostazione predefinita il font per titoli (il paragrafo utilizza per impostazione predefinita il font per il corpo), e ogni valore nella tabella può essere sovrascritto per livello. La spaziatura tra lettere predefinita è 0em.
Font caricati
I file di font caricati hanno un limite di 5MB e devono essere .ttf, .otf, .woff o .woff2. Prima di essere accettato, il file viene controllato sul server, vengono validati i suoi byte magici e la struttura interna, non solo la sua estensione, e devi confermare di avere il diritto di utilizzarlo e incorporarlo. Un file che non supera la validazione viene rifiutato direttamente anziché essere memorizzato silenziosamente. Carica solo font per cui hai licenza d'uso.
Passaggio 5: Voce, tono e condivisione
| Campo | Opzioni | Note |
|---|---|---|
| Tono | 12 chip, multi-selezione | Caldo, Professionale, Audace, Giocoso, Lusso, Minimal, Energico, Affidabile, Creativo, Amichevole, Tecnico, Divertente |
| Archetipo | 12 archetipi di marca, singola selezione | Creatore, Esploratore, Saggio, Eroe, Fuorilegge, Mago, Uomo Qualunque, Amante, Giullare, Custode, Sovrano, Innocente |
| Messaggi chiave | 4.000 caratteri | I tuoi testi standard e i punti di valore distintivi |
| Parole da usare / evitare | Separate da virgole | Analizzate in due elenchi al salvataggio |
| Condivisione | Privato / Team / Organizzazione | Chi altro nella tua area di lavoro può vedere questo kit |
Passaggio 6: Storia e filosofia
Tre campi di testo più lunghi: la storia del marchio (4.000 caratteri, mostrata come testo "about" sul profilo e utilizzata dagli assistenti di scrittura AI altrove nell'app), la sua filosofia e valori (3.000 caratteri) e la sua missione (2.000 caratteri).
Passaggio 7: Riepilogo
Un riepilogo in sola lettura: il logo (o una lettera segnaposto se non ne è stato impostato uno), nome, tagline, categoria e proprietà, ogni campione colore come punto, i font scelti per ruolo e i toni selezionati. Niente qui è modificabile; usa Indietro per tornare a un passaggio, oppure conferma per creare il kit e passare al suo profilo.
Come usarlo
Creare un kit per un cliente da zero
- Dalla panoramica dei marchi, fai clic su Crea Marchio. Ti trovi al passaggio 1 (Identità).
- Digita il Nome Marchio (obbligatorio), uno Slogan e una Breve descrizione di una o due frasi. Scegli una Categoria e, sotto Proprietà, seleziona Marchio cliente in modo che appaia un campo Nome cliente; compilalo. Aggiungi il sito web del cliente e gli handle social se li hai, quindi fai clic su Avanti.
- Su Logo e Copertina, fai clic su Seleziona dalla galleria sotto ciascuno slot per scegliere o caricare il logo del cliente (SVG preferito) e un'immagine di copertina.
- Su Palette Colori, il primo campione è preimpostato al ruolo primario. Modifica il suo hex, nome e ruolo, quindi usa Aggiungi colore per ogni colore aggiuntivo del marchio. Per il controllo contrasto successivo, assegna a un campione il ruolo sfondo e a uno il ruolo testo.
- Su Tipografia, imposta i font per titoli e corpo (ogni sorgente può essere Sistema, Google o Caricato). Regola le righe H1-H6 e Paragrafo nella scala tipografica solo se il cliente ha specifiche precise.
- Compila Voce e Tono, poi Storia e Filosofia per quanto consentito dal brief (tutti opzionali).
- Su Riepilogo, controlla logo, colori, font e toni, quindi fai clic su Crea Marchio. Ti trovi sul profilo del nuovo kit, sulla scheda Lavori.
Creare un kit minimo ora, perfezionarlo dopo
- Fai clic su Crea Marchio, digita solo il Nome Marchio, e passa attraverso ciascuna pillola del passaggio (o Avanti) direttamente fino a Riepilogo.
- Fai clic su Crea Marchio. Il kit viene creato con solo un nome e la palette e i font iniziali predefiniti.
- Apri in seguito il profilo del kit e completalo da Impostazioni poi Profilo Marchio, che utilizza esattamente gli stessi editor di campi della procedura guidata.
Caricare un font con licenza per il marchio
- Sul passaggio Tipografia, imposta il menu a tendina della sorgente del font per titoli (o corpo) su Caricato.
- Digita il nome della famiglia del font, fai clic su Carica font e scegli un file
.ttf,.otf,.woffo.woff2inferiore a 5MB. - Il file viene validato sul server (firma e struttura, non solo la sua estensione) e confermi di possedere i diritti per incorporarlo. In caso di successo vedi "Font validato e caricato"; un file rifiutato mostra "Font rifiutato" con il motivo.
Non inizi mai da un kit vuoto
La procedura guidata innesta uno stato iniziale in modo che tu non abbia mai davanti il nulla: la palette si apre con un campione primario e il passaggio tipografia si apre con un font predefinito per titoli e corpo più una scala tipografica completa. Modificali o sostituiscili man mano, ma un kit creato con solo un nome è comunque completo e utilizzabile.
Attività comuni
| Obiettivo | Fai questo |
|---|---|
| Saltare tra i passaggi | Fai clic su una pillola del passaggio (disponibile per qualsiasi passaggio una volta inserito un nome) |
| Contrassegnare un kit come del cliente | Passaggio 1, Proprietà = Marchio cliente, poi compila Nome cliente |
| Aggiungere un colore e il suo ruolo | Passaggio 3, Aggiungi colore, poi imposta il menu a tendina del ruolo sul nuovo campione |
| Impostare un override tipografico per livello | Passaggio 4, modifica dimensione, peso, altezza riga o spaziatura tra lettere su qualsiasi riga H1-H6 o Paragrafo |
| Riutilizzare lo stesso carattere ovunque | Passaggio 4, scegli la stessa famiglia per le righe titoli e corpo |
| Anteprima di un font in posizione | Ogni opzione font nel menu a tendina viene visualizzata nel proprio carattere |
| Limitare chi vede il kit | Passaggio 5, Condivisione = Privato (solo tu) |
| Aggiungere più toni | Passaggio 5, tocca ogni chip di tono che desideri (sono multi-selezione) |
| Tornare indietro di un passaggio | Pulsante Indietro oppure fare clic su una pillola precedente |
Risoluzione dei problemi
- Il pulsante Avanti è disattivato al passaggio 1. Il Nome Marchio è vuoto. Il nome è l'unico campo obbligatorio; ogni altro passaggio può essere lasciato vuoto.
- Una pillola di un passaggio successivo non si clicca. Non hai ancora inserito un nome. Le pillole oltre il passaggio Identità rimangono bloccate finché il marchio non ha un nome.
- Il caricamento del font è stato rifiutato ("Font rifiutato"). Il file non ha superato la validazione del server (firma o struttura errate), è del tipo sbagliato o supera i 5MB. Usa un file
.ttf,.otf,.woffo.woff2reale per cui hai licenza di incorporamento. - Non puoi lasciare la palette vuota. Il passaggio si apre con un campione primario e si aspetta almeno un colore; eliminare ogni campione mostra un suggerimento "aggiungi almeno un colore primario".
- L'archetipo mostra "Non selezionato". Lasciare l'archetipo non impostato va bene, semplicemente non memorizza alcun archetipo; lo stesso vale per qualsiasi campo opzionale.
- Parole da usare o evitare non si sono suddivise in un elenco. Separa ogni voce con una virgola. Vengono analizzate in due elenchi (da usare, da evitare) quando il kit viene salvato.
- Hai scelto il proprietario o la categoria sbagliata per il cliente. Niente è bloccato. Crea il kit comunque, poi correggilo nella scheda Impostazioni del profilo.
- Il passaggio Riepilogo non ti permette di modificare nulla. Per progettazione: il riepilogo è in sola lettura. Usa Indietro (o una pillola precedente) per modificare un valore, poi torna a Riepilogo.
- I numeri della scala tipografica sembrano errati in una colonna. Le dimensioni sono in px, mentre l'altezza riga e la spaziatura tra lettere sono in em. Reimposta un livello cancellando il tuo override in modo che torni al valore predefinito nella tabella sopra.
- La creazione è fallita con un toast di errore. Il kit non è stato salvato (ad esempio un errore di rete o del server). Le tue voci rimangono sullo schermo; risolvi il problema e fai clic su Crea Marchio di nuovo.