Allineamento sull'attività
I team indaffarati non sono la stessa cosa dei team allineati.
Parliamo di una direzione condivisa, di obiettivi OKR collegati e di progressi visibili al consiglio di amministrazione, non di attività fine a se stessa.
Valori del marchio
Questi principi plasmano le decisioni relative ai prodotti, al marketing e al modo in cui ci presentiamo ai team dirigenziali. Sono non negoziabili nelle comunicazioni esterne.
Chiarezza al di sopra del rumore
I leader dovrebbero riuscire a vedere ciò che conta davvero, senza dover ricorrere a un altro labirinto di dashboard.
Riduciamo la frammentazione: un unico centro di comando per direzione, metriche ed esecuzione. Il linguaggio rimane semplice e specifico.
Le prove contano più delle opinioni.
Le decisioni dovrebbero basarsi su dati in tempo reale, non su esportazioni obsolete.
Diamo grande importanza ai KPI, ai registri delle modifiche e alle analisi basate sull'IA, dimostrazioni concrete su cui la leadership può agire, non a semplici proclami o supposizioni.
Progettato per la leadership
Prestazioni di livello enterprise senza la complessità tipica di un'azienda di grandi dimensioni.
Rispettiamo amministratori e operatori: rigore in sala riunioni, usabilità in prima linea e governance senza burocrazia.
Messaggistica
Ciò che diciamo, a chi lo diciamo e come lo dimostriamo, in modo coerente su web, prodotti, materiali di vendita e per i partner.
Elevale è la piattaforma di esecuzione strategica che trasforma la direzione in OKR, KPI in tempo reale e allineamento del team, per i dirigenti aziendali che desiderano chiarezza e direzione, non caos.
Categoria
Piattaforma di esecuzione strategica, non un generico strumento di progetto o un'altra dashboard di Business Intelligence. Attività, OKR e KPI in tempo reale convivono in un unico sistema, in modo che la direzione, il lavoro quotidiano e le prove rimangano collegate, anziché disperse in applicazioni separate.
Pubblico
Direttori aziendali, fondatori e team di leadership che gestiscono attività multi-sede o in espansione. Definiscono la strategia, conducono revisioni e hanno bisogno che l'azienda si muova come un tutt'uno, non che si aggiunga altro software fine a se stesso.
Promessa
Trasforma la strategia in azione, visibile e gestibile dal tuo team dirigenziale: direzione chiara e definita, obiettivi misurabili, metriche in tempo reale e intelligenza artificiale che analizza la tua attività, non il web aperto.
Prova
Le affermazioni si concretizzano nella realtà del prodotto: OKR collegati alle attività, KPI in tempo reale, registri delle modifiche aziendali, Otto basato sui dati dell'area di lavoro e risultati riconosciuti dai direttori (allineamento, meno punti ciechi, revisioni più rapide).
Flusso dei messaggi
Nelle sezioni dedicate agli eroi e all'atterraggio, racconta la storia in tre fasi: inizia con un'introduzione che evidenzi la tensione, mostra come Elevale la risolve, quindi invita al passo successivo. Questo è l'ordine narrativo, non una specifica tipografica. Gli stili di titoli, corpo e pulsanti si trovano in Tipografia e Modelli UI.
-
Avete approvato il piano. Chiedete quali sono i programmi per oggi e nella stanza cala il silenzio.
-
Un unico centro di comando collega direzione, OKR, KPI in tempo reale e attività quotidiane, in modo che il team dirigenziale possa monitorare i progressi e prendere decisioni senza dover ricorrere a un ulteriore labirinto di dashboard.
-
Inizia la tua prova gratuita di 14 giorni
Lingua di messaggistica
- Utilizzo: centro di comando, esecuzione strategica, direzione, allineamento, KPIs in tempo reale, prove, team di leadership
- Da evitare: miracolo tutto in uno, sconvolgere, IA rivoluzionaria, migliore della categoria, sinergia
Tono di voce
Ecco come trasponiamo i nostri valori e i nostri messaggi quando li mettiamo su carta: sicuri, diretti e concreti. Scritto per i registi che necessitano di chiarezza, non di tecnicismi.
Chiaro
Spiega in modo semplice cosa fa Elevale e perché è importante. Usa frasi brevi, sostantivi concreti e nessun aggettivo superfluo.
Decisivo
Privilegiate un approccio attivo e risultati tangibili per i leader: revisioni che rispecchino la realtà, obiettivi che i team possano assumersi la responsabilità e metriche che si aggiornino in tempo reale.
Umano
Riconoscete i problemi reali: strumenti frammentati, strategie presentate in slide che nessuno segue, valutazioni basate sui dati del mese precedente. Poi mostrate una soluzione credibile.
Campione di marca
Trasforma la strategia in azione, visibile al tuo consiglio di amministrazione.
Elevale collega la direzione, OKR e KPI in tempo reale in un unico centro di comando, in modo che la leadership dedichi meno tempo alla riconciliazione dei fogli di calcolo e più tempo alla gestione dell'azienda.
Scelta delle parole
- Utilizzo: chiarezza, esecuzione, direzione, allineamento, prove, fondato, leadership
- Evitare: sinergia, sconvolgere, rivoluzionario, migliore della categoria, sfruttare (come verbo), utilizzare
Per canale
- Sito web di marketing: incentrato sui titoli, orientato alle prove, con un uso minimo di punti esclamativi.
- Interfaccia utente del prodotto: etichette concise, stati vuoti utili, nessun elemento di marketing superfluo nei flussi di lavoro.
- Vendite e presentazioni: stessa promessa del sito: espandersi con prove concrete fornite dai clienti, senza mai contraddire il posizionamento.
Otto
Otto è una lontra: il consulente strategico basato sull'intelligenza artificiale e personaggio simbolo del marchio Elevale. Non è un portavoce umano. Deve sempre rappresentare una soluzione, non un problema, e portare chiarezza, energia e gioia con uno scopo preciso.
Ciò che Otto rappresenta
Chiarezza, energia e gioia, mai una mascotte, mai un semplice accessorio.
È il volto del nostro consulente strategico AI: una lontra che rende accessibili i consigli concreti. È un partner di pensiero legato alla tua direzione strategica, ai OKR, ai KPI, al wiki e al contesto di mercato. Ogni sua apparizione dovrebbe indicare la strada da seguire: un brief più chiaro, un ostacolo risolto, lo slancio dall'intuizione all'azione, non il caos che precede il Elevale.
Nel prodotto
Otto è il consulente strategico per l'IA all'interno della piattaforma: offre chat vocale e testuale, riferimenti in linea a KPI e OKR in tempo reale e supporto per trasformare le informazioni in obiettivi, strategie e attività aggiornate. È il punto di riferimento per qualsiasi domanda, grande o piccola che sia: offre soluzioni funzionali, concrete e sempre collegate ai dati dell'ambiente di lavoro.
Nel settore del branding e del marketing
Sul sito web e nelle comunicazioni, Otto compare quando può dimostrare una soluzione: presentando il centro di comando, mostrando come la chiarezza si concretizza o segnalando un'intelligenza artificiale in grado di comprendere il business. Non è una mascotte a margine della pagina. Non è un semplice elemento di contorno a una vuota retorica. Prima di tutto lo scopo.
Nelle campagne
Nelle campagne, Otto promuove la chiarezza strategica, l'esecuzione e l'intelligenza artificiale basate su casi reali, mai sulla comicità o sulla personificazione del problema. Mostra la direzione che emerge, le decisioni che si sbloccano o la leadership che ottiene risposte senza bisogno di un'ulteriore dashboard. Solo materiale grafico approvato.
Contatta il team per l'approvazione Qualsiasi utilizzo del logo Otto, sia per presentazioni interne, pubblicità esterne, social media o materiali dei partner, richiede l'approvazione del marchio prima della pubblicazione.
Linee guida
Questo
- Rivolgetevi a Otto solo quando rappresenta una soluzione: chiarezza, consigli concreti, energia o slancio per passare dall'intuizione all'azione.
- Coinvolgilo quando lo storytelling Elevale ha bisogno di una guida chiara per la risposta: visione, prove, IA che conosce il tuo business, non battute isolate su singole funzionalità.
- Che porti chiarezza, energia e gioia. Spiritoso, diretto e sicuro di sé come la voce di Elevale, mai sarcastico, caotico o infantile.
- Utilizza le illustrazioni di Otto approvate dal kit del marchio. Non ridisegnare, ricolorare o allungare il personaggio.
- Coinvolgi il team del brand fin dalle prime fasi delle campagne, del merchandising o dei social media, in modo che l'utilizzo rimanga mirato.
Non questo
- Non presentate Otto come il problema: confusione, fallimento, caos o la miseria "prima di Elevale". Lui mostra la soluzione, non il dolore.
- Non trattatelo come una mascotte. Niente cameo di clip-art, niente sorrisi accanto a testi che non condivide, niente sfondi con il marchio.
- Non usatelo come un semplice oggetto di scena. Non mostrate cartelli vuoti, non indicate offerte non correlate e non riempite gli spazi vuoti solo perché l'allestimento vi sembra spoglio.
- Non usarlo come riempitivo, sfondo o decorazione in stile emoji senza alcun messaggio.
- Non inseritelo in documenti tecnici, pagine legali o contesti che contraddicano un ruolo di leadership.
- Non create nuove pose, costumi o messaggi senza autorizzazione, nemmeno per le diapositive interne.
- Non alterare il suo aspetto, le proporzioni o l'abbinamento con loghi non approvati o marchi di partner.
Anatomia
Vai alla libreria dei loghiIl lockup è il logo predefinito Elevale: marchio del logo più marchio denominativo in un unico file. Lo strapline è un testo di marketing separato. Lo utilizziamo spesso sul sito, ma non fa parte della grafica del lockup.
Parti del logo
Utilizzate questi nomi in modo coerente nei brief, nelle presentazioni e nel kit del marchio. Quando diciamo logo Elevale, intendiamo il logo completo, a meno che non venga esplicitamente richiesto solo il marchio figurativo.
- Marchio
- I quadrati rosa e viola intrecciati sulla sinistra.
- Marchio denominativo
- Il nome Elevale in Coolvetica Condensed sulla destra.
- Blocco
- Logo e marchio denominativo insieme. Questo è il file del logo predefinito.
Cinghia
La strategia che non muore mai
Posizionamento tipico su un eroe
Spesso compare sopra il titolo principale. Evitate di includerlo nei file del logo esportati, a meno che il marchio non approvi un logo personalizzato.
Significato del marchio figurativo
Il logo è composto da due quadrati, sfalsati e intrecciati. Sembrano moduli separati che hanno scelto di incontrarsi: dove prima c'era un divario tra strategia ed esecuzione, tra ciò che la dirigenza diceva e ciò che l'azienda poteva mostrare, ora c'è un tocco deliberato. Non una sfocatura. Non un'acquisizione. Una connessione visibile.
La sovrapposizione è il punto cruciale. Quel bordo condiviso è dove risiede Elevale.
Dalla disconnessione allo sforzo congiunto
Fogli di calcolo da una parte, OKR dall'altra, recensioni basate sulle esportazioni del mese scorso. Il logo è l'opposto di questa tendenza: due piani che scorrono in registro in modo che l'azienda smetta di contraddirsi pubblicamente.
La cucitura è il centro di comando
L'angolo condiviso non è un elemento decorativo. È il punto d'incontro in cui brief, parametri e azioni di squadra sono destinati a confluire. Elevale è il prodotto di questa sovrapposizione: un'unica superficie per la direzione, la misurazione e il follow-up.
Incastrati, ancora in movimento
Lo scostamento suggerisce un movimento in avanti senza collisioni. La strategia non schiaccia le operazioni; i dati non seppelliscono le persone. I quadrati avanzano insieme, come priorità che alla fine convergono nella stessa direzione.
Quota altimetrica nel punto di giunzione
Elevale trae la sua spinta da quel punto di congiunzione. L'allineamento non è un poster appeso a una parete; è il momento in cui l'organizzazione si eleva al di sopra del rumore perché l'intento e la prova condividono lo stesso confine. Il logo è piccolo. L'idea non lo è.
Rosa e viola nel logo
Il rosa e il viola hanno ciascuno una funzione specifica nel marchio. Il rosa è caldo: direzione, slancio e la spinta a decidere. Il viola è freddo: evidenza, struttura e prova su cui basarsi. Manteneteli su caselle separate; condividono solo il bordo dove l'intento incontra la prova. Le regole HEX, RGB e UI sono in Colori principali.
-
Rosa
Direzione e quantità di moto
Un magenta caldo e vibrante. Nel logo si pone in primo piano: l'occhio lo individua per primo, proprio come la leadership deve dare un nome a ciò che conta davvero.
Represents Prima l'intenzione, poi la dimostrazione: dove vuole arrivare l'azienda, quali sono le priorità e l'energia necessaria per agire.
Nel logo, il rosa è il colore dominante. Nell'interfaccia utente del prodotto, rappresenta il livello delle azioni: pulsanti principali, stati di priorità e momenti che richiedono una decisione chiara.
-
Viola
Evidenza e struttura
Un blu-violetto calmo e profondo. Si discosta leggermente dal calore del rosa e trasmette metriche, struttura e prova in un tono stabile e affidabile.
Represents Cosa può mostrare l'azienda: KPI in tempo reale, lavoro collegato, struttura e dati guida di cui la dirigenza può fidarsi.
Nel logo, il viola completa ciò che il rosa inizia. Nell'interfaccia utente del prodotto, veicola metriche, enfatizza la navigazione e si applica alle superfici in cui la chiarezza è più importante della decorazione.
Dimensioni e spaziatura
Mantenere uno spazio libero pari all'altezza del modulo angolare rosa del logo (20px per le dimensioni standard del logo) su tutti i lati del logo stesso.
x = altezza del modulo angolare rosa sul logo (20px con dimensioni standard del blocco). Lasciare almeno una x di spazio su tutti e quattro i lati del blocco.
Varianti
Vai alla libreria dei loghiScarica i file con i loghi e i marchi approvati. Utilizza il logo completo per le attività di marketing; usa il solo marchio solo dove lo spazio è limitato e il marchio è già riconoscibile.
celle di detenzione
Solo marchio del logo
Per favicon, icone di app, avatar e interfacce utente compatte. I file delle icone delle app includono lo sfondo colorato; non ritagliare o ricolorare.
Utilizzo
Utilizzate la stampa a colori su sfondi chiari e la stampa su sfondi scuri per sfondi scuri a tinta unita. Su fotografie o superfici complesse, aggiungete una sovrapposizione a tinta unita o passate alla stampa invertita in modo che il marchio rimanga leggibile.
Sfondi approvati
Leggero Buio Cose da evitare
Non allungare o distorcere
Non aggiungere contorni
Non ruotare il blocco
Non posizionare su sfondi troppo elaborati e privi di contrasto
Mantenere uno spazio libero
Colori principali
Il rosa e il viola funzionano in sinergia, non come sostituti. Il rosa attira l'attenzione verso la direzione e l'azione; il viola cela la verità operativa sottostante. I colori neutri svolgono il lavoro più impegnativo nell'interfaccia utente del prodotto e nella lettura di testi lunghi.
Come collaborano
Usa il rosa quando vuoi dare slancio o indicare un'azione primaria. Usa il viola quando mostri struttura, metriche o affidabilità tramite dati. La sfumatura dal rosa al viola è riservata esclusivamente agli eroi e ai gruppi premium. Vedi Sfumature.
Rosa di marca
Rosa del marchio. Direzione, CTA e quadrato iniziale del logo. Non modificare tonalità o saturazione.
#E20F7A rgb(226 15 122) --pink
Viola di marca
Viola del marchio. Elementi distintivi, struttura dell'interfaccia utente del prodotto e il quadrato finale del logo. Non modificare tonalità o saturazione.
#5270F5 rgb(82 112 245) --purple
Luce rosa
#FCE4F1 rgb(252 228 241) --pink-light
Luce viola
#EEF0FE rgb(238 240 254) --purple-light
Buio
#111318 rgb(17 19 24) --dark
Nero
#0A0A0A rgb(10 10 10) --black
Bianco
#FFFFFF rgb(255 255 255) --white
Bianco
#F9FAFB rgb(249 250 251) --off-white
Gradienti
Le sfumature sfumano dal rosa al viola: la stessa storia del logo, ma in forma continua. Usale con parsimonia su elementi di rilievo, call-to-action e bande di marketing premium, mai dietro al testo del corpo.
Sfumatura scura del marchio
#0D1117 · rgb(13 17 23)
#111827 · rgb(17 24 39)
#1A1040 · rgb(26 16 64)
Dal rosa al viola
#E20F7A · rgb(226 15 122)
#5270F5 · rgb(82 112 245)
Visualizzazione: Coolvetica Condensed
Scarica CoolveticaTitoli, intestazioni e didascalie delle sezioni. Utilizzare la formattazione con la prima lettera maiuscola per il marketing; evitare l'uso del maiuscolo integrale, ad eccezione delle didascalie brevi.
Esecuzione strategica, chiarita
Corpo: Satoshi
Scarica SatoshiTesto del corpo, etichette dell'interfaccia utente e testo di supporto. Sono approvati i pesi 400, 500 e 700.
Un'unica piattaforma per la direzione, i KPI, i OKR e l'allineamento del team.
Fotografia
La fotografia si affianca all'interfaccia utente del prodotto, ai diagrammi e alla grafica di marketing. La utilizziamo nelle immagini principali delle campagne, nei mockup dell'interfaccia utente, nelle immagini di gruppo e di lavoro e nei piccoli avatar all'interno delle schermate delle app (timeline, organigrammi, identificazione degli incaricati). Ogni immagine deve supportare la strategia e l'esecuzione con testi chiari, colori del brand e contesto appropriato.
Dove la fotografia fa la sua comparsa
La fotografia di produzione comprende immagini per campagne, mock-up dell'interfaccia utente, foto del luogo di lavoro, ritratti di team e avatar dell'interfaccia utente. Ogni tipologia ha le proprie regole di dimensionamento e approvvigionamento, illustrate nelle schede sottostanti, oltre a un breve elenco di ciò che non deve essere incluso.
Campagna e lancio creativo
Abbina una persona o un personaggio del marchio approvato a una scena composta: una fascia sfumata o colorata, un titolo e l'interfaccia utente del prodotto in primo piano. Il calore e la credibilità derivano dall'aspetto umano; la prova è data dall'interfaccia. I ritagli possono estendersi oltre la fascia quando la leggibilità rimane elevata.
Prototipi di interfaccia utente e scene di prodotto
Crea grafiche per l'interfaccia utente stilizzate e scene ben composte, non foto di dispositivi specifici (niente cornici di iPhone, MacBook o altri dispositivi di marca). Utilizza forme neutre per lo schermo, schede a più livelli o cornici astratte in modo che le immagini non risultino obsolete con l'aggiornamento dei prodotti. Abbina le fotografie all'interfaccia utente quando contribuiscono alla narrazione; mantieni testo e schede leggibili. Utilizza immagini a piena risoluzione; non allungare ritagli a bassa risoluzione.
Fotografia di ambienti di lavoro e uffici.
Per le pagine "Chi siamo", le sezioni dedicate alla cultura, le opportunità di carriera e i blocchi editoriali, mostrate uffici, laboratori e momenti di lavoro reali. Preferite la luce naturale, gli spazi autentici e i team eterogenei alle immagini generiche di uffici. Aggiungete una sovrapposizione a tinta unita o sfumata quando il testo si sovrappone all'immagine.
Ritratti di squadra e di leadership
Per contenuti che mostrino leadership, riprova sociale e partnership, utilizza ritratti accessibili e piccoli gruppi. Mantieni un abbigliamento neutro o in linea con il brand. Componi l'immagine con l'interfaccia utente del prodotto o con i titoli quando supporta una campagna, non come un semplice ritratto isolato da usare come sfondo.
Avatar nell'interfaccia utente del prodotto
Ritratti ritagliati in formato avatar (circa 24-40 pixel) in timeline, organigrammi, chip degli incaricati e righe di riprova sociale. Utilizzare solo ritagli avatar approvati dal kit del marchio in queste dimensioni. Non ingrandire mai i file avatar per eroi o bande della campagna.
Non utilizzare
Griglie di ritratti casuali, immagini di repertorio di strette di mano, foto a tutta pagina senza alcun contesto di prodotto o messaggio, oppure mockup ancorati a dispositivi di consumo riconoscibili. La fotografia dovrebbe spiegare la piattaforma, mostrare lavori reali o rafforzare il titolo. Se non fa nessuna di queste cose, è meglio concentrarsi sulla grafica o sull'interfaccia utente.
Composizione in stile campagna elettorale
I layout per lanci e campagne abbinano una persona reale o un personaggio del marchio a una scheda UI del prodotto su uno sfondo del marchio audace. Il titolo contiene la promessa, la scheda UI ne fornisce la prova e la fotografia può sporgere dal bordo superiore quando i piedi rimangono ancorati al bordo inferiore della fascia.
Esempio di composizione. Utilizzare fotografie ad alta risoluzione e con licenza, oppure sagome del marchio approvate e a grandezza naturale.
Libreria di avatar (dimensioni di visualizzazione dell'interfaccia utente)
Ritagli consentiti solo per mockup e interfaccia utente del prodotto. Visualizzare nelle dimensioni indicate di seguito. Per campagne pubblicitarie, ambienti di lavoro o gruppi musicali, utilizzare fotografie separate ad alta risoluzione.
Qualità e consegna dei file
Le foto per campagne, prototipi, ambienti di lavoro e team devono avere un lato più lungo di almeno 1200 pixel prima dell'esportazione. Consegnare in formato WebP o AVIF per il web. I file del kit avatar mantengono le loro dimensioni ridotte originali. Richiedere una revisione del marchio quando si combinano fotografie con loghi di partner o in caso di co-branding.
Grafica di marketing
Sul sito web, nelle pagine dedicate ai singoli articoli e nelle campagne utilizziamo schede in stile interfaccia utente, sovrapposizioni delicate e colori del marchio sobri. L'obiettivo è profondità e chiarezza, non decorazione fine a se stessa.
Moderazione nel rumore
È sufficiente un'unica immagine principale per ogni eroe o sezione. Lasciate che il testo, la spaziatura e un singolo gruppo di carte impilate raccontino la storia. Se tutto è troppo invadente, nulla funziona.
Colore con struttura
I colori neutri (bianco, bianco sporco, testo scuro) definiscono il layout. Il rosa e il viola compaiono come accenti: bordi superiori delle schede, linee dei grafici, badge e fasce sfumate nelle sezioni scure. Non riempire ampie aree con sfumature di colore del marchio in presenza di un'interfaccia utente complessa.
Profondità attraverso la sovrapposizione
Utilizzate due o al massimo tre carte sovrapposte, posizionate in modo sfalsato, con una leggera rotazione e un'ombra morbida. Due carte sono sufficienti quando la storia è semplice; aggiungetene una terza solo se fornisce contesto. La carta in primo piano veicola il messaggio; le carte posteriori suggeriscono dettagli a supporto.
Sovrapposizioni e pannelli
Posiziona gli elementi grafici all'interno di pannelli espositivi o su sfondi neutri. Su fotografie o fasce scure, aggiungi una sovrapposizione a tinta unita o sfumata in modo che testo e schede rimangano leggibili. Le schede si trovano sopra lo sfondo, senza entrare in competizione con esso.
Raccomandato
Esempio con un massimo di tre schede: ogni livello ha un titolo e un elemento grafico. La scheda anteriore riporta il titolo principale; le schede posteriori sono più chiare ma comunque leggibili. Utilizzane due quando sono sufficienti.
Evitare
Griglie piatte con forti sfumature, forme contrastanti e blocchi di uguale spessore. Il risultato è un insieme disordinato di elementi che indebolisce la narrazione del prodotto.
Usage rules
- Utilizza due o tre carte in una pila di carte eroe, mai più di tre. Fermati a due quando un terzo strato non aggiungerebbe contesto.
- Mantieni l'interno dei biglietti prevalentemente neutro. Usa il rosa o il viola per un solo dettaglio decorativo per ogni biglietto (bordo, puntino, linea decorativa o stemma).
- Riserva le sfumature complete dal rosa al viola per gli elementi principali, le call to action e le bande scure. Vedi Sfumature e Colori principali.
- Utilizza, ove possibile, modelli di interfaccia utente di prodotti reali per la grafica delle funzionalità e della homepage. Vedi Interfaccia utente del prodotto.
- Anima l'ingresso con un movimento breve e sfalsato (dissolvenza e leggero sollevamento), non con un movimento costante. Vedi Movimento.
- Quando Otto o una fotografia compaiono accanto alle carte, lascia spazio alla grafica per risaltare. Non sovraccaricare la pila.
Interfaccia utente del prodotto
Scarica il kit del marchioParti da schermate reali dell'app Elevale e da modelli di interfaccia utente presenti in screenshot e grafiche di marketing. Puoi semplificare, ritagliare o rimuovere i controlli secondari quando ciò rende il valore più chiaro. Mantieni colori neutri e rilassanti, Satoshi per il testo dell'interfaccia utente e rosa o viola solo dove il prodotto effettivamente evidenzia lo stato, i grafici e le azioni.
Interfaccia utente reale, semplificata per la storia
Utilizza layout, caratteri e componenti autentici di Elevale. Per scopi di marketing, è accettabile ridurre al minimo l'interfaccia: elimina i pannelli laterali, riduci la navigazione o nascondi le funzionalità che non supportano il messaggio. L'obiettivo è spiegare ciò che conta, non mostrare ogni singolo controllo sullo schermo. Non incollare l'interfaccia utente in finestre di browser a caso né ricolorare un modello di dashboard generico per renderlo più in linea con il marchio.
Colore dove il prodotto lo utilizza
Gli sfondi rimangono bianchi o bianco sporco. Il rosa e il viola compaiono sugli elementi di navigazione attivi, sui grafici di avanzamento, sulle serie di grafici, sui badge e sui pulsanti principali all'interno dell'app. Non riempire lo screenshot con sfumature che non sono presenti nell'interfaccia utente reale.
Concentrati su un unico compito da svolgere.
Restringi il campo visivo del flusso di lavoro che stai spiegando: direzione, OKR, KPI o dashboard. Elimina gli spazi vuoti, i moduli non correlati e gli elementi superflui dell'interfaccia utente in modo che chi guarda veda un risultato chiaro, non l'intero prodotto in una volta sola.
Corrispondere al mezzo
Gli screenshot completi, in stile documentaristico, sono adatti a case study, documenti e presentazioni di vendita. Per i contenuti principali del sito web, è preferibile optare per ritagli semplificati o per le grafiche a schede a livelli presenti nella sezione Grafica di marketing quando è necessaria profondità senza mostrare l'intera applicazione.
Acquisizione ed esportazione
- Acquisisci immagini dall'ambiente di staging o di produzione con testi ed etichette reali. Semplifica o ritaglia l'interfaccia utente quando ciò ne chiarisce il valore; non aggiungere moduli fittizi. Se necessario, oscura o anonimizza i nomi dei clienti.
- Non allungare, distorcere o arrotondare gli angoli in modo diverso dal prodotto.
- Mantieni gli accenti rosa e viola negli stessi ruoli dell'app (navigazione, grafici, CTA). Vedi Colori principali.
- Per gli eroi del marketing senza uno screenshot completo, utilizzare schede UI impilate come Grafica di marketing.
- Esporta a risoluzione 2× per diapositive e web nitidi; si consiglia il formato PNG o WebP con colori sRGB.
- Le ultime immagini approvate sono disponibili nel brand kit su Google Drive. Richiedi l'accesso prima di pubblicare esternamente in caso di dubbi.
modelli di interfaccia utente
L'interfaccia utente del prodotto e del marketing condividono raggi di curvatura, ombreggiature e finiture dei pulsanti dal sistema di progettazione.
Utilizza un'azione principale per ogni schermata. Su sfondi chiari, abbinala a un elemento di testo secondario o a un pulsante con contorno. Riserva i pulsanti trasparenti solo agli sfondi scuri.
CTA principale
Coppia di eroi (principale + testo secondario)
Superficie secondaria delineata (superfici chiare)
Fantasma (solo su superfici scure)
Raggio medio (12px)
ombra della carta
Iconografia
Elevale utilizza icone con contorno Lucide in tutte le pagine di marketing, le sezioni delle funzionalità e i mockup dell'interfaccia utente. Un unico stile, un unico spessore del tratto e una scala di dimensioni ridotta rendono la navigazione e le schede facilmente leggibili.
Principi
Scala dimensionale
Attenetevi ai valori di 16, 20 e 24 pixel. Le schede informative di marketing possono utilizzare 28 pixel per dare risalto; evitate di inventare dimensioni personalizzate.
Colore sulle superfici
Dove appaiono le icone
Libreria di icone
Tutti i nomi Lucide registrati sul sito di marketing. Cerca e copia il nome per il passaggio di consegne del design oppure scarica snippet già pronti per i blocchi Astro e Webflow.
Regole d'uso
- Mantieni le icone monocromatiche nelle interfacce utente chiare; usa il bianco per le sfumature del marchio e per gli sfondi scuri delle app.
- Abbina le icone alle etichette per la navigazione principale e le principali call-to-action.
- Non mescolare set pieni e contorni sulla stessa superficie.
- Allineare le dimensioni delle icone al testo: 16px per le didascalie, 20–24px per il corpo del testo e i titoli.
- Utilizza
aria-hidden="true"sulle icone decorative; il testo adiacente ha un significato. - Schede di marketing che illustrano i problemi e i benefici: un'icona nell'intestazione, rosa su sfondo bianco, vedi la spaziatura della grafica di marketing.
- I modelli dell'interfaccia utente del prodotto per pulsanti e schede si trovano in modelli UI; le icone seguono gli stessi raggi e la stessa densità.
- Richiedi una revisione del marchio prima di campagne di partner basate su icone o pittogrammi personalizzati al di fuori di Lucide.
Movimento
Elevale utilizza il movimento in tutto il sito di marketing e nel prodotto: animazioni ambientali, effetti di scorrimento, stati al passaggio del mouse, schede sfalsate e GIF che aggiungono calore e umorismo. Il movimento deve guidare l'attenzione e rafforzare la chiarezza, senza mai entrare in competizione con il messaggio.
Principi
PurposeKel
Ogni animazione risponde a una domanda: cosa è cambiato, cosa conta ora o cosa ha avuto successo. Se il movimento non aiuta qualcuno a osservare, comprendere o celebrare, è meglio eliminarlo.
Trattenuto
Un solo movimento focale per ogni viewport. Evitate il caos dei loop, la parallasse fine a se stessa o più elementi che rimbalzano contemporaneamente. La grafica di marketing utilizza già la profondità; il movimento non deve sovraccaricare lo stack.
Tempistica costante
Utilizza ease-out per le entrate e ease-in-out per gli interruttori. La maggior parte delle transizioni dell'interfaccia utente si attesta tra 200 ms e 400 ms; l'ambiente hero può durare più a lungo, ma rimane discreto.
Rispetto ridotto movimento
Avvolgi i loop decorativi e il drift in prefers-reduced-motion: no-preference. I cambiamenti di stato principali (apertura menu, focus) potrebbero comunque animarsi leggermente o scattare istantaneamente quando gli utenti richiedono un movimento ridotto.
Dove il movimento appare
Questi modelli sono presenti in tutto il sito elevale.com e nelle pagine dedicate. Riproduceteli quando ampliate il sito o create materiale promozionale per i vostri partner.
- Eroe e presenza Sfumature delicate di sfere sullo sfondo, bagliori sfumati e titoli in evidenza sulla homepage e sulle landing page principali. Loop lenti e a bassa ampiezza che risultano dinamici senza distogliere l'attenzione dalla call to action.
- Navigazione e interfaccia dell'app Transizioni tra lo sfondo della navigazione, il colore dei link e i menu a scomparsa per dispositivi mobili (~200–300 ms). I menu a tendina si attenuano e scorrono; i pulsanti si sollevano leggermente al passaggio del mouse con una breve trasformazione.
- Carte e pile Effetto dissolvenza e sollevamento scaglionato su pile di schede di marketing e griglie di funzionalità. Brevi ritardi tra gli elementi adiacenti (circa 40-80 ms) in modo che il contenuto venga letto dall'alto verso il basso, non tutto in una volta.
- Scorri e rivela Le sezioni entrano man mano che entrano nella finestra di visualizzazione: opacità e traslazione sull'asse Y, non scorrimento orizzontale. Collega le rivelazioni all'ordine di lettura; non riattivarle a ogni minimo spostamento dello scorrimento.
- Prodotto e prototipi I mockup dell'interfaccia utente della pagina delle funzionalità utilizzano sottili cambiamenti di stato, passaggi tra schede e reazioni GIF giocose nelle chat o nei thread delle attività. Quando Otto è in modalità vocale, la <a href="#motion-voice-orb">sfera vocale AI</a> segnala l'ascolto e la capacità di pensare. Consultare la sezione apposita per informazioni su scopo e animazione.
Riferimento di temporizzazione
Micro 150–200 ms Passa il mouse sopra, anelli di messa a fuoco, spostamenti delle icone
Standard 200–400 ms Pulsanti, pannelli, navigazione, passaggio del mouse sulla scheda
Enfasi 400–600 ms Modali, rivelazioni di grandi dimensioni (usare con parsimonia)
Superficie Continuo Sfera luminosa e pulsante con voce AI (controllata dall'audio nell'app)
Sfera vocale AI
Nell'app Elevale, quando si parla con Otto tramite comando vocale, compare una sfera luminosa e soffusa. Indica che la sessione è attiva e reagisce ai suoni, mentre la trascrizione e la risposta di Otto riportano il messaggio effettivo.
Panoramica
Nel prodotto, la sfera viene disegnata in tempo reale sullo schermo (non si tratta di un file video o di un'immagine statica). È l'elemento visivo principale della modalità vocale: calma quando è inattiva, più attiva quando qualcuno parla e più calda quando Otto sta parlando. Non è un logo, un grafico o un analizzatore di spettro con barre.
Dove appare
Lo stesso componente a forma di sfera viene utilizzato in due layout, gestiti dalla stessa sessione vocale:
- Voce a schermo intero
Una grande sfera (circa 320px) centrata nella schermata vocale. Toccando la sfera è possibile interrompere Otto mentre parla.
- widget fluttuante
Una piccola sfera (circa 92px) all'interno del chip vocale ridotto a icona. Toccandola si torna alla visualizzazione della chat; i comandi per disattivare l'audio e terminare la chat si trovano sopra la sfera.
A cosa risponde
Il movimento segue l'audio reale della sessione, non un'animazione casuale:
- La tua voce La sfera si illumina e si muove insieme al microfono mentre parli (a meno che non sia disattivato).
- Otto parla Quando Otto riproduce una risposta vocale, la sfera reagisce anche a quell'audio, con un leggero impulso aggiuntivo per chiarire che l'assistente sta parlando.
- Momenti di silenzio Durante una sessione attiva, la sfera continua a pulsare dolcemente, dando all'interfaccia utente un senso di vitalità anche nel silenzio. Non scompare tra una parola e l'altra.
- Microfono disattivato L'input del microfono viene ignorato. La tavolozza passa a tonalità di ardesia più fredde, le increspature e le particelle si arrestano e sull'orbita appare un'icona attenuata.
- Sessione conclusa La modalità vocale si chiude o si torna alla chat. L'icona smette di reagire e non dovrebbe continuare a pulsare come se una chiamata fosse ancora in corso.
Struttura generale
Immaginate la sfera come una luce morbida stratificata, non come una sfera 3D rigida o una visualizzazione a forma d'onda:
- Bagliore esterno Un ampio alone color pastello circonda la sfera. Rosa acceso e lavanda quando è attiva; grigio ardesia tenue quando il microfono è spento.
- Anelli ondulati Alcuni anelli morbidi che si espandono verso l'esterno. Suggeriscono energia, non singole frequenze.
- Sfera principale Un centro diffuso senza iride o pupilla nitide. Le dimensioni respirano leggermente con i bassi e l'energia complessiva.
- Nuvole interne Delicate sfumature di colore che fluttuano all'interno della sfera, mentre i toni medi e bassi si alzano e si abbassano.
- Particelle Numerose minuscole particelle orbitano attorno al centro, più velocemente quando la conversazione è vivace. Sono elementi decorativi, non punti dati.
Le pagine delle funzionalità su elevale.com utilizzano una versione CSS semplificata di questo look per i mockup statici. L'elemento grafico dell'app live è più ricco e collegato a un microfono reale e all'audio di riproduzione.
Campione di riferimento del marchio
Colore
Sfumature rosa pastello e lavanda, ottenute mescolando i colori primari del marchio verso il bianco. Nessun effetto arcobaleno, riempimento piatto o bordi netti. Lo stato attenuato utilizza solo tonalità neutre color ardesia.
Esperienza utente e accessibilità
- Da abbinare sempre al testo La trascrizione in diretta, le etichette della sessione e la risposta scritta di Otto si trovano accanto alla sfera. Non affidatevi mai solo all'animazione.
- Lettori di schermo Il disegno è nascosto alle tecnologie assistive. Gli schermi dei genitori annunciano lo stato (ad esempio, l'assistente sta parlando, il microfono è disattivato).
- Movimento ridotto Quando gli utenti preferiscono un movimento più lento, questo diventa più fluido e armonioso. La sfera può rimanere come una calma luminescenza statica anziché danzare.
Regole
- Da utilizzare esclusivamente nella chat vocale di Otto (a schermo intero o mobile). Non adatto per contenuti promozionali, caricamenti generici o notifiche di errore.
- Non trasformare la sfera in un grafico a barre, in un logo o in un adesivo con una mascotte. Nessun numero o etichetta all'interno della sfera.
- Mantieni costanti le dimensioni per la modalità a schermo intero e per la modalità flottante (circa 320px e 92px). Non inventare nuove dimensioni per gli elementi grafici senza prima averne esaminato il design del prodotto.
- Lo stato di silenziamento deve essere evidente: colore più freddo, assenza di particelle, indicatore di microfono disattivato, con un testo che indichi che il microfono è silenziato.
- Le simulazioni di marketing possono semplificare l'orbita; non promettete effetti extra nelle pubblicità che l'app non offre.
Carattere e tono per Otto dal vivo Otto.
campione di movimento UI
Passa il mouse sopra la scheda e il pulsante per visualizzare l'animazione e la durata tipiche.
utilizzo delle GIF
Le GIF sono il modo in cui Elevale trasmette un senso di autenticità, non di mera pubblicità aziendale: celebrazioni nei prodotti, reazioni in chat e qualche divertente animazione nei messaggi di marketing. Usale quando il momento merita calore o un sorriso, sempre con gentilezza e in linea con il brand, ma mai in modo rigido per sembrare "seri".
Momenti ideali per le GIF
- Festeggiamo le vittorie: progressi OKR, completamento di un'attività, traguardi di squadra o eroi che hanno bisogno di un cinque alto umano.
- Reazioni all'interno dell'interfaccia utente del prodotto: chat, commenti o discussioni con i consulenti, dove un breve ciclo aggiunge umorismo o incoraggiamento.
- Sezioni di marketing che mostrano risultati concreti (chiarezza, slancio, sollievo), con personalità nella storia, non l'ennesimo sorriso generico di repertorio.
Le GIF di celebrazione e reazione approvate sono incluse nelle risorse del sito e nel kit del marchio. Richiedi l'aggiunta di GIF tramite il team del marchio. Siamo aperti a loop giocosi che mantengano un inconfondibile stile Elevale.
In linea con il marchio
GIF approvata dalla libreria, tono giocoso o celebrativo, che supporti il messaggio, dimensioni del file ragionevoli.
Vietato
Cultura dei meme controversa, politica, offensiva o non correlata. Niente shock, sangue o provocazione.
Fare
- Scegli GIF che trasmettano allegria, un pizzico di umorismo e spontaneità, come dei colleghi che festeggiano, non una presentazione in una sala riunioni. L'umorismo è ben accetto quando si adatta al momento; evita un'immagine insipida, rigida o che sembri forzatamente "professionale".
- Inserisci le GIF in momenti in cui le persone stanno già vivendo un momento positivo (festeggiamenti, incoraggiamenti, completamento di un progetto), non come riempitivo casuale.
- Utilizza i file del kit del marchio o della libreria del sito approvata. Non inserire collegamenti diretti a URL sconosciuti.
- Tratta le GIF decorative come immagini: lascia un testo alternativo vuoto se sono puramente decorative; descrivi il momento in cui assumono un significato.
- Preferisci loop ottimizzati, carica in modo differito gli elementi al di sotto della parte visibile della pagina ed evita di visualizzare più GIF di grandi dimensioni nella stessa finestra.
Non
- Niente contenuti controversi, divisivi o provocatori, anche se di tendenza.
- Niente insulti, stereotipi, violenza, scene cruente, contenuti sessuali o umiliazioni a spese di nessuno.
- Niente propaganda politica, immagini di protesta o messaggi di parte.
- Niente effetti lampeggianti, stroboscopici o cicli rapidi che compromettano la leggibilità o la sensibilità del grilletto.
- Niente nuove GIF nelle campagne a pagamento, nei contenuti dei partner o nelle email senza l'approvazione del brand.
Affiliati
Programma di segnalazioneIn qualità di affiliato o partner di riferimento, presenterai Elevale al tuo pubblico utilizzando il nostro nome e la nostra immagine ufficiali. Assicurati che Elevale sia riconoscibile come Elevale (e non come un'offerta white-label di tua proprietà). Utilizza le risorse approvate da questa piattaforma e ottieni l'approvazione scritta del marchio prima di avviare campagne a pagamento o ad alta visibilità.
Non negoziabile
A differenza dei rivenditori, gli affiliati non offrono il white-label. Se devi vendere con il tuo marchio, leggi Rivenditori. Se condividi Elevale solo con la tua rete, questa sezione è applicabile.
Devi
- Utilizzare esclusivamente i file relativi a logo, colori e modelli presenti nel brand kit o nella libreria di loghi. Non ricreare il marchio.
- Utilizza un logo completo approvato su ogni elemento. Abbina lo sfondo: colore pieno su superfici chiare, logo completo su superfici scure o invertito su superfici complesse. Vedi Utilizzo del logo e spazio libero.
- Attieniti all'interno di Messaggistica, Tono di voce e Valori del marchio. Niente clamore, garanzie o affermazioni su funzionalità che non abbiamo pubblicato.
- Invia il traffico tramite il tuo link di affiliazione Elevale assegnato, in modo che le iscrizioni vengano attribuite correttamente. Non utilizzare URL modificati o reindirizzati che eludono il tracciamento.
- Dichiara chiaramente il tuo rapporto di affiliazione o di referral laddove richiesto (ad esempio, sui social media a pagamento, nei piè di pagina delle email e negli articoli del blog).
- Invia annunci a pagamento, landing page, webinar ed email in co-branding per l'approvazione scritta del marchio prima della loro pubblicazione.
Non devi
- È vietato modificare, ricolorare, animare, ruotare, contornare o abbinare il logo ad effetti non previsti da queste linee guida.
- Presenta Elevale come se fosse la tua piattaforma, rimuovi il nostro nome o lascia intendere di aver creato o di essere il proprietario del prodotto.
- Promettiamo risultati, prezzi, integrazioni o conformità che non abbiamo confermato per iscritto.
- Fai offerte per i termini di marca Elevale negli annunci di ricerca senza previa autorizzazione scritta.
- Utilizza Otto in annunci, miniature o contenuti per i social media senza autorizzazione. Consulta Otto.
- Imitare o travisare il nostro marchio in modo da poter confondere le persone. Non parlare, progettare o presentarti come se fossi Elevale, il nostro team o il proprietario della piattaforma. Non lasciare intendere che approviamo servizi al di fuori del programma di affiliazione.
- È possibile commissionare illustrazioni personalizzate del logo, integrarlo in modelli di terze parti o utilizzare immagini di repertorio che riproducano il nostro marchio.
Risorse approvate da utilizzare
Attingi al catalogo e al kit del marchio. In caso di dubbio, usa meno elementi piuttosto che improvvisare.
- Loghi a colori, su sfondo scuro e invertiti (SVG/PNG). Logo presente solo dove lo spazio è limitato e il marchio è già noto.
- Rosa, viola, colori neutri e sfumature esattamente come definiti in Colori principali e Sfumature.
- Titoli e prove tratti da questo hub o dal sito di marketing. Non inventare nuovi slogan.
- Utilizzare le slide, i ritagli per i social media e le intestazioni delle email dal kit del marchio, se disponibili. Estendere il layout, non ridisegnare il logo.
Corretto posizionamento degli affiliati
Elevale blocco ben visibile, colori approvati, chiara call to action al tuo link di affiliazione e trasparenza.
Logo ricolorato, nome di prodotto inventato o il tuo marchio che sostituisce il nostro in una promozione Elevale.
I partecipanti al programma di referral devono attenersi a questa sezione per qualsiasi menzione pubblica di Elevale. Il regolamento del programma e le commissioni sono disponibili sulla pagina programma di referral.
Applicazione della legge
Elevale si riserva il diritto di sospendere o interrompere l'accesso degli affiliati, trattenere le commissioni o richiedere la rimozione di contenuti non conformi. Un uso improprio ripetuto o grave può comportare la cessazione del rapporto.
Programma di segnalazione Richiedi l'approvazione del marchio
Rivenditore
Candidati come rivenditoreI rivenditori autorizzati utilizzano Elevale come proprio prodotto. La personalizzazione white-label è integrata: il tuo logo, il colore principale e il dominio saranno presenti in ogni area di lavoro del cliente, con un branding Elevale ridotto al minimo nell'esperienza utente. Tu rimani al centro dell'attenzione; noi ci occupiamo della piattaforma dietro le quinte.
Cosa ti offre il white-label
Il programma per rivenditori è pensato per supportare la relazione con i clienti e la strategia di ingresso sul mercato, non per promuovere Elevale come marchio principale.
- Presenta la piattaforma con la tua identità in ogni accesso client, email e spazio di lavoro.
- Imposta i tuoi prezzi personalizzati per i piani Foundation, Business e Professional.
- Marketing e vendite come metodologia: strategia, OKR, KPI e reporting in un unico sistema brandizzato.
- Scegli quali moduli riceveranno i clienti e se lavoreranno con il tuo team o con il consulente AI integrato.
Nel prodotto vs. come lo vendi
I clienti vedono il tuo marchio solo all'interno dell'ambiente di lavoro. Nelle tue attività di marketing e vendita, presenta la piattaforma come un tuo prodotto e una tua metodologia, con il tuo nome e la tua immagine.
I rivenditori white-label non vendono come affiliati Elevale. Il co-branding con il nostro marchio è previsto solo in rari casi in cui entrambi i nomi devono apparire su un unico materiale. Consulta la sezione Co-branding se questo è il tuo caso; altrimenti, evita di utilizzare Elevale nei materiali creativi rivolti ai clienti e nelle attività di marketing.
Quando effettuare il check-in
Non è necessaria l'approvazione per la configurazione white-label standard all'interno della console partner. Contatta Elevale prima di avviare campagne esterne che menzionino Elevale per nome, utilizzino Otto o creino confusione tra il tuo marchio e il nostro.
Programma per rivenditori Contattaci per domande sul marchio.
Co-branding
Quando sia Elevale che il marchio di un partner compaiono sullo stesso elemento (pagina principale del sito web, diapositiva, banner di un evento), si applicano le regole di co-branding. Gli affiliati che promuovono solo Elevale devono seguire le regole Affiliati. Il white-label per i rivenditori è separato: Rivenditori.
- Altezza minima del logo del partner: 24px; mantenere un peso visivo uniforme quando i loghi sono affiancati.
- Utilizzare un divisore verticale o una spaziatura di 24 pixel tra i segni, evitando la sovrapposizione.
- Non modificare i colori di Elevale né aggiungere effetti a nessuno dei due simboli.
Kit del marchio
Scarica loghi, riferimenti cromatici e modelli dalla nostra cartella condivisa del marchio.
Scarica il kit del marchio
Cosa è incluso
- File del logo (SVG, PNG): combinazioni di logo e varianti con solo il marchio.
- Riferimento cromatico e font tipografici (Coolvetica Condensed e Satoshi su Google Drive)
- Modelli per presentazioni e social media
Glossario
Brevi definizioni dei termini utilizzati in queste linee guida.
- Blocco
- Il file completo del logo: marchio figurativo e marchio denominativo insieme. Questo è il logo predefinito Elevale. Lo slogan non è incluso nel logo.
- Marchio denominativo
- Il logotipo “Elevale” in Coolvetica Condensed è posizionato accanto al marchio del logo. Non va utilizzato da solo nei materiali esterni; va abbinato al marchio del logo nel logo stesso.
- Marchio
- I quadrati rosa e viola intrecciati accanto al marchio denominativo. Chiamato anche simbolo nei file più vecchi. Da utilizzare da solo solo in spazi ristretti, una volta che il marchio è riconosciuto.
- Cinghia
- Testo di supporto sotto il logo nelle pagine di marketing, ad esempio "La strategia che non muore mai". Inserito nel corpo del testo o nel tipo di visualizzazione, a seconda del design della pagina. Non fa parte dell'immagine di chiusura.
- Spazio libero
- Il margine vuoto minimo intorno al logo, dove non devono essere presenti testo, grafica o bordi. Mantiene il marchio leggibile e ordinato.
- X
- L'unità di misura utilizzata per lo spazio libero è l'altezza del modulo angolare rosa sul logo, corrispondente alle dimensioni standard del logo (20px). Ogni lato del logo necessita di almeno 1× spazio libero.
- Blocco a colori completo
- Il logo predefinito su sfondi chiari: logo a colori con scritta scura. Non utilizzarlo su sfumature di colore o fotografie complesse senza una sovrapposizione.
- Chiudere a chiave al buio
- Per sfondi scuri a tinta unita: logo a colori con scritta bianca. Il logo rimane rosa e viola; solo la scritta diventa bianca.
- Blocco invertito
- Un blocco completamente bianco (logo e marchio denominativo) per sfumature di colore del marchio e interfacce utente scure delle app. Utilizzare questo blocco al posto del blocco a colori pieni laddove la sfumatura o lo sfondo ridurrebbero il contrasto.
- Gradiente di marca
- La caratteristica sfumatura lineare dal rosa al viola utilizzata per gli hero, le CTA e le band premium. Non posizionare il blocco a colori su questa sfumatura. Utilizzare il blocco invertito se è necessario un logo.
- Variante del logo
- Un file del logo approvato per uno sfondo o un caso d'uso specifico (ad esempio a colori, su sfondo scuro, invertito o solo il logo).
- Affiliato
- Un partner che presenta Elevale utilizzando i nostri materiali di branding ufficiali e il sistema di tracciamento delle segnalazioni. Gli affiliati mantengono Elevale visibile come Elevale e seguono la sezione Affiliati (non white-label).
- Etichetta bianca
- Configurazione per rivenditori che sostituisce il marchio Elevale nel prodotto del cliente con il logo, il colore principale e il dominio del partner. I clienti utilizzano la piattaforma come se fosse l'offerta del partner.
- Co-branding
- Posizionare il logo Elevale accanto al marchio di un partner sullo stesso materiale di marketing. Utilizzato per agenzie ed eventi, non per gli spazi di lavoro quotidiani dei clienti rivenditori.
- Kit del marchio
- La cartella condivisa contenente loghi, riferimenti cromatici, modelli e risorse correlate è disponibile nella sezione Download o su Google Drive.
- Tipo di visualizzazione
- Coolvetica, da utilizzare per titoli e per dare risalto a messaggi di marketing. Riservatelo a frasi brevi e di grande impatto, non a paragrafi lunghi.
- Tipo di corporatura
- Satoshi, utilizzato per il testo dell'interfaccia utente, i paragrafi e le tabelle. Contiene la maggior parte delle informazioni sui prodotti e dei contenuti di approfondimento presenti sul sito.
- Gettone colorato
- Un colore di marca denominato con valori variabili HEX, RGB e CSS (ad esempio Rosa, Viola, Scuro). I token mantengono allineati design e codice.
- Otto
- Elevale è una lontra, personaggio di G0, nonché consulente strategico per l'intelligenza artificiale. Rappresenta soluzioni: chiarezza, energia e gioia con uno scopo preciso, non problemi, e mai come mascotte o oggetto di scena.
- Valori del marchio
- I principi non negoziabili alla base di Elevale: allineamento, chiarezza, prove e un'esecuzione di livello dirigenziale che guidano il prodotto e la comunicazione.
- Messaggistica
- Cosa comunichiamo al mercato: posizionamento, pubblico di riferimento, promessa e prove, espressi in modo coerente nei titoli, nelle call to action e nelle narrazioni di vendita.
- Tono di voce
- Come lo spieghiamo: regole di scrittura chiare, decise e a misura d'uomo per il web, l'interfaccia utente dei prodotti e le vendite, diverse dalla messaggistica, ma basate sugli stessi valori.
FAQ
Risposte rapide sull'applicazione del marchio Elevale nei materiali di marketing, di prodotto e dei partner.
Quale variante del logo dovrei utilizzare?
Utilizza il blocco a colori su sfondo bianco o bianco sporco. Su sfondi scuri a tinta unita, utilizza il blocco su sfondo scuro (logo a colori, marchio denominativo bianco). Per interfacce utente scure o aree a basso contrasto, utilizza il blocco invertito (tutto bianco). Consulta Varianti e Utilizzo.
Posso utilizzare solo il logo?
Solo quando lo spazio è molto limitato e il marchio è già riconosciuto: favicon, icone compatte per app o navigazione integrata nel prodotto. Per slide, annunci e documenti, utilizzare il logo completo. Vedi Varianti.
Posso ricolorare, contornare o distorcere il logo?
No. Non modificare i colori, aggiungere effetti, ruotare o allungare il logo. Utilizza un file approvato dal brand kit o dalla libreria di loghi invece di modificare la grafica.
Di quanto spazio libero ho bisogno?
Mantenere almeno uno x di spazio libero su ogni lato, dove x è l'altezza del modulo angolare rosa del logo (20px con dimensioni di blocco standard). Vedi Anatomia e il glossario.
Posso inserire il logo sulle fotografie?
Sì, se il contrasto è sufficientemente forte. Aggiungi una sovrapposizione chiara o scura uniforme dietro il logo, oppure utilizza la versione invertita su un'area scura. Evita sfondi troppo elaborati senza sufficiente separazione. Vedi Utilizzo.
Dove posso scaricare i file del logo ufficiale?
Utilizza Download per aprire il kit del marchio di Google Drive (loghi in formato SVG e PNG, riferimenti cromatici e modelli). Per visualizzare solo le versioni più recenti, utilizza Vai alla libreria dei loghi nella sezione Varianti.
Quando posso mostrare Elevale accanto al logo di un partner?
Utilizzate il co-branding quando entrambi i marchi compaiono sullo stesso materiale di marketing (sito web, presentazione, evento). Mantenete lo stesso peso visivo, con una spaziatura di almeno 24 pixel o un divisore, e non modificate mai nessuno dei due marchi. Consultate la sezione Co-branding. I rivenditori che forniscono un prodotto white-label per i clienti devono invece seguire le indicazioni per i Rivenditori.
Cosa possono fare i rivenditori con il marchio Elevale?
I rivenditori possono personalizzare l'esperienza del cliente con il proprio marchio (logo, colore, dominio) e commercializzare la piattaforma come una propria offerta. Non mostrare il marchio Elevale ai clienti finali. Le linee guida complete sono disponibili nella sezione Rivenditori o nella pagina programma rivenditori.
Quali regole si applicano agli affiliati e ai partner di riferimento?
È obbligatorio utilizzare risorse ufficiali Elevale, loghi approvati, messaggi in linea con il marchio e il proprio link di tracciamento. Non è consentito modificare il logo, utilizzare il white-label o avviare campagne a pagamento senza approvazione. Consulta le regole aziendali nella sezione Affiliati e i termini del programma nella sezione Invita un amico.
Quali caratteri dovrei usare?
Utilizzare Coolvetica Condensed per i titoli e Satoshi per il corpo del testo e l'interfaccia utente (pesi 400, 500, 700). Non utilizzare font simili. Scarica Coolvetica e Satoshi da Google Drive, oppure consulta Display e Body.
Chi devo contattare per l'approvazione del marchio?
Per campagne, merchandising o utilizzi non contemplati in questa sede, contattate Elevale tramite la pagina contatti prima della pubblicazione. Includete bozze e canali di utilizzo previsti, in modo che possiamo confermare la variante del logo e il trattamento di co-branding più adatti.
Quando posso utilizzare Otto nel marketing?
Quando rappresenta una soluzione: chiarezza, energia, gioia e una guida mirata, non un problema, una mascotte o un oggetto di scena. Leggi Otto per i contesti e le regole di approvazione, quindi contatta il team del marchio prima della pubblicazione esterna.