糖心原创

(see the * 'adobe' handle in functions.php — no async, no defer), so a page-load * Target offer has already set `data-hdr` by the time this runs. * * An answer that lands after this point is inert rather than acted on: * `apply()` finds the prune settled and does nothing, so the visitor * keeps the nav they were served instead of watching it change. That is * the deliberate trade-off — a late activity collects no data, but no * visitor ever sees the wrong nav or waits for the right one. */ (function () { var VARIANTS = ["a","b","c"]; var DEFAULT = "a"; /** * QA-only. When the on-page switcher is drawn we keep every variant in * the DOM so it can toggle between them live and you can see that the * chrome never repaints. Gated by the same constant as the switcher, so * it is false everywhere the switcher is absent — including production. */ var QA_KEEP_ALL = false; var root = document.documentElement; var settled = false; function valid(v) { return VARIANTS.indexOf(v) !== -1; } /** Publish the decision and let the nav JS bind. */ function finish(active) { root.setAttribute('data-hdr', active); // Read by the Adobe Analytics client to attribute the test. root.setAttribute('data-hdr-active', active); if (typeof window.initHeaderNav === 'function') window.initHeaderNav(); /** * `variant` is set before the event so late listeners can tell * "already done" from "not yet". main.js is enqueued in the footer * and therefore always misses the event itself. */ window.medalliaNav.variant = active; document.dispatchEvent(new CustomEvent('medallia:nav-ready', { detail: { variant: active } })); } function prune(active) { if (settled) return; settled = true; if (QA_KEEP_ALL) { finish(active); return; } /** * Only menu items carry data-nav-variant, so this can never touch * the shared chrome. CSS has already hidden the losers; removing * them keeps document.querySelector-based nav JS unambiguous. */ var list = document.querySelectorAll('#site-header [data-nav-variant]'); for (var i = 0; i < list.length; i++) { if (list[i].getAttribute('data-nav-variant') !== active) { list[i].parentNode.removeChild(list[i]); } } finish(active); } window.medalliaNav = { variant: null, apply: function (v) { if (valid(v)) prune(v); } }; // `?hv=` sets this server-side; a Target offer in the blocking // embed sets it before the body is parsed. var pre = root.getAttribute('data-hdr'); if (valid(pre)) { prune(pre); return; } /** * Carried forward from an earlier pageview. Read client-side, never in * PHP: WP Engine does not vary its page-cache key on arbitrary cookies, * so server-side personalisation here would serve the first anonymous * visitor's variant to everyone. */ var m = document.cookie.match(/(?:^|; )medallia_nav_variant=([^;]*)/); if (m && valid(m[1])) { prune(m[1]); return; } prune(DEFAULT); })();

Linee guida 糖心原创 e kit multimediale

Costruisci con coraggio. Crea con chiarezza.
Ecco come farlo secondo il 糖心原创 .

Primo piano di un interruttore nero che emette una luce verde, posizionato sul lato ON, con le etichette ON e OFF visibili su entrambe le estremità dell'interruttore.
Logo Colori Icone Caratteri Immagini Cartella stampa Contatti

Design audace.
Multidimensionale.
Costruito per superare ogni limite.

La nostra identità è volutamente audace, progettata per mettere in evidenza ciò che conta di più e il momento esatto in cui agire.

Scopri il marchio.

Le idee audaci aprono la strada. Le scelte sicure le guidano. L'esecuzione accurata le porta alla vita. Il tutto basato su un pensiero intelligente, una comunicazione chiara e un punto di vista distintamente sofisticato.

Utilizzo
Un collage di quattro immagini che mostrano la parola "糖心原创in diversi stili: due con testo in grassetto su sfondo scuro e chiaro, una sullo schermo di un laptop e una visualizzata su uno smartphone tenuto in mano.
Logo con marchio denominativo

Il marchio denominativo completo è il nostro logo principale e la rappresentazione più visibile di 糖心原创. Utilizzate il logo denominativo in quasi tutte le circostanze per garantire coerenza e impatto.

Quattro pannelli mostrano le varianti del 糖心原创 su sfondo bianco e nero, il suo profilo Instagram e la homepage del suo sito web visualizzata in un browser web.
Logo abbreviato

Il logo abbreviato è riservato a contesti specifici: icone delle app social, navigazione 糖心原创 , favicon e gadget (solo se il logo completo appare altrove). Quando il logo è più piccolo di 90x24px, utilizzare il logo abbreviato per mantenere la leggibilità e la chiarezza.

La parola 糖心原创 scritta in grassetto nero su uno sfondo chiaro, con linee guida orizzontali che indicano l'altezza x e l'allineamento del testo.
Spaziatura zona sicura del marchio denominativo

Per il logo completo, assicurati che la lettera "M" del logo sia visibile in ogni angolo.

Un logo M minimalista nero con una forma a diamante sopra è centrato su uno sfondo bianco con linee grigie chiare e misure che illustrano le proporzioni e la spaziatura del logo.
Spaziatura della zona sicura in stenografia

Per il logo abbreviato, assicurarsi che il logo delle stesse dimensioni possa essere visualizzato chiaramente in ogni angolo.

Due banner rettangolari: quello superiore ha uno sfondo bianco con la scritta 糖心原创 in nero e grigio; quello inferiore ha uno sfondo nero con la scritta 糖心原创 in bianco e grigio.
Loghi interni

Per i programmi interni, scriviamo 糖心原创 grassetto semi-grassetto e la parola seguente in grassetto normale.

L'immagine mostra le parole 糖心原创 Other Brand in grassetto nero su uno sfondo grigio chiaro contrassegnato con la dicitura GREY/200, con uno spazio e una griglia tra le due parole.
Loghi esterni

Quando si abbina il 糖心原创 completo 糖心原创 al logo di un altro marchio, prendere l'altezza 糖心原创logo 糖心原创e utilizzare 0,8 della sua dimensione come spazio orizzontale tra la linea divisoria.

Colore

La tavolozza 糖心原创è audace, minimalista e mirata. Il verde brillante indica sempre azione. L'indaco trasmette fiducia e autorevolezza. Il nero e il bianco conferiscono chiarezza, contrasto e una cornice pulita che fa risaltare il marchio.

VALORI DEI COLORI PRIMARI
Quattro rettangoli orizzontali disposti verticalmente: un rettangolo nero in alto, uno bianco sotto, seguito da un rettangolo giallo-verde brillante e un rettangolo blu in basso, il tutto su sfondo bianco.

Clicca su un campione per copiare il codice esadecimale.

Ardesia 950

Clicca per copiare l'esadecimale

#0D0F10 SFONDI, TESTO
Un piccolo quadrato nero con angoli leggermente arrotondati, che riempie la cornice. Lo sfondo appare uniformemente scuro, senza motivi, trame o dettagli visibili.
Gelo

Clicca per copiare l'esadecimale

#FFFFFF SFONDI, TESTO
Un piccolo quadrato bianco arrotondato con un sottile contorno grigio, su uno sfondo semplice.
Flash 400

Clicca per copiare l'esadecimale

#C8FF00 CTA, AZIONE
Un quadrato con angoli arrotondati riempito con un brillante colore giallo-verde neon.
Indaco

Clicca per copiare l'esadecimale

#5B5BFF VETRO, SFUMATURA, INTERFACCIA UTENTE
Un quadrato blu con angoli arrotondati su sfondo bianco.
VALORI DEI COLORI SECONDARI
Tre rettangoli orizzontali sovrapposti verticalmente: quello superiore è grigio chiaro, quello centrale è grigio medio e quello inferiore è grigio scuro. Ogni rettangolo ha le stesse dimensioni.

Clicca su un campione per copiare il codice esadecimale.

Ardesia 100

Clicca per copiare l'esadecimale

#EDEDED SFONDI, PIASTRELLE
Un piccolo pulsante quadrato grigio chiaro con angoli arrotondati su sfondo bianco.
Ardesia 200

Clicca per copiare l'esadecimale

#CDD2D4 TESTO DI FONDO SCURO
Un piccolo quadrato arrotondato con un colore grigio chiaro che riempie l'intera forma, visualizzato su uno sfondo semplice.
Ardesia 800

Clicca per copiare l'esadecimale

#32363A SFONDO CHIARO TESTO DEL CORPO
Un piccolo quadrato grigio scuro con angoli arrotondati su sfondo bianco.
础肠肠别蝉蝉颈产颈濒颈迟à
Una griglia mostra cerchi in sei colori (nero, grigio, grigio scuro, bianco, blu e verde neon) su sfondi chiari e scuri. Ogni colore è contrassegnato da un'icona di accessibilità AA sopra di esso.
Utilizza combinazioni di colori accessibili.

Questo tipo di trattamento soddisfa gli standard di accessibilità e mantiene una leggibilità chiara e ad alto contrasto, in modo che tutti possano interagire con esso. Non utilizzare mai il flash nei caratteri.

Una tavolozza di colori con due file di campioni di colore. La fila superiore presenta sfondi chiari con cerchi colorati; la fila inferiore presenta sfondi scuri con cerchi colorati. Le icone di accessibilità sono visualizzate sopra ciascun campione.
Evita combinazioni inaccessibili.

Queste combinazioni di colori non sono leggibili e non dovrebbero mai essere utilizzate.

Utilizzo
Una diapositiva mostra un bersaglio metallico 3D con una freccia a sinistra e un testo di esempio a destra che recita: "Questo è un esempio di diapositiva che potresti utilizzare". Intorno alla diapositiva sono visibili etichette colorate e campioni di colore.
Scuro

I grigi scuri si abbinano agli sfondi scuri per creare una profondità sottile. Utilizza il bianco ad alto contrasto per i punti principali, il grigio tenue per il contesto di supporto e il Flash come invito all'azione.

Una diapositiva di presentazione con un bersaglio metallico e una freccetta blu sulla sinistra e un testo sulla destra che recita: "Questo è un esempio di diapositiva che potresti utilizzare". Le etichette colorate evidenziano i vari elementi di design della diapositiva.
Luce

I grigi chiari si abbinano agli sfondi chiari per creare una profondità sottile. Utilizza il nero ad alto contrasto per i punti principali, il grigio scuro per il contesto di supporto e Flash come invito all'azione.

Un cubo traslucido in 3D fluttua sopra una forma stilizzata a M su uno sfondo scuro con una sfumatura blu nella parte inferiore. La parola Gradient appare in grassetto bianco nella parte superiore centrale.
Gradiente scuro

Il gradiente va dall'alto verso il basso con un rapporto fisso e una sfocatura. Questo trattamento non deve essere modificato ed è una delle due sole combinazioni approvate.

Una lettera M metallica sormontata da un cubo di vetro fluttua sotto la parola Gradient scritta in grassetto nero su sfondo bianco che sfuma nel blu nella parte inferiore.
Gradiente di luce

Il gradiente va dall'alto verso il basso con un rapporto fisso e una sfocatura. Questo trattamento non deve essere modificato ed è una delle due sole combinazioni approvate.

Iconografia

Se si parla delle funzioni di un prodotto o se su una schermata sono presenti più prodotti, utilizzare delle icone. Ove possibile, utilizzare icone esistenti per mantenere la coerenza e rafforzare i concetti visivi in tutti 糖心原创 , in modo che diventino familiari ai clienti.

  • Utilizza le icone della libreria approvata, non quelle provenienti da fonti terze.
  • Utilizza forme semplici con il minimo dettaglio.
  • Utilizza simboli familiari con associazioni consolidate.
  • Utilizza forme che appaiono diritte senza dimensioni complesse.
Scarica le icone Scarica le icone
Una griglia di sei carte scure con icone: la riga superiore presenta un'icona a forma di griglia, un ingranaggio e una casella con segni di spunta verdi; la riga inferiore presenta le stesse icone nello stesso ordine con segni di X rossi. Lo sfondo dell'icona dell'ingranaggio è evidenziato.

Tipografia

Inter mantiene 糖心原创 chiara e accessibile. Segui le linee guida relative al peso per creare gerarchia, focalizzazione e leggibilità.

  • Utilizza Inter Medium per i titoli.
  • Utilizza Inter Regular per il corpo del testo.
  • Kern titola a -5% quando possibile.
  • Utilizza Inter Tight per i titoli in Google Slides.
Scarica i font Scarica i font
Immagine che mostra la parola "Inter" in grassetto bianco su sfondo scuro. Sotto, tre grandi lettere "a" minuscole mostrano diversi spessori: sottile, normale e medio. Le etichette recitano "Carattere tipografico" e "Spessori".

Identità visiva

Utilizziamo colori elettrici ad alto contrasto, vetro e oggetti tridimensionali per rendere un prodotto complesso inequivocabilmente chiaro e impossibile da ignorare.

Profondità e dimensione
Componente 1

Il 3D è la colonna portante del linguaggio visivo 糖心原创, che trasforma segnali astratti in qualcosa di realmente visibile. Le nostre forme spaziali danno forma ai dati, rendono più nitida la complessità e chiariscono in modo inequivocabile i meccanismi dell'esperienza.

Primo piano di un braccio robotico traslucido con una mano a pinza, caratterizzato da riflessi di luce blu e arcobaleno, su uno sfondo scuro e sfocato.
Vetro
Componente 2

Il vetro è intenzionale. Permette di vedere cosa succede sotto il cofano, una sofisticata complessità. Ogni parte del prodotto lavora in armonia con le altre.

Quando viene colpito dalla luce, il vetro aggiunge dimensione, rivelando dettagli che altrimenti sfuggirebbero. Fa emergere dall'oscurità ciò che conta e lo mette a fuoco.

Due forme geometriche astratte, simili al vetro, con bordi affilati e superfici riflettenti, si stagliano su uno sfondo morbido e sfocato con sfumature di blu e viola.
La macchina
Componente 3

Fai un passo indietro e vedrai la portata del fenomeno: innumerevoli segnali che si muovono attraverso un sistema vivente. Osserva più da vicino e ogni parte diventerà un'icona di come 糖心原创 il rumore in risultati.

  • Utilizzare per dare vita al prodotto.
  • Da utilizzare per attirare l'attenzione.
  • Utilizzare per creare consistenza e profondità.
  • Non utilizzare per le testimonianze dei clienti.
  • Non utilizzare per relazioni di analisti.
Un primo piano di piccoli cubetti verdi che vengono versati da un contenitore trasparente in una ciotola lucida e riflettente, circondata da attrezzature da laboratorio moderne e scure.

Boilerplate

Utilizza il boilerplate in tutte le comunicazioni esterne e nella documentazione aziendale formale, inclusi comunicati stampa, presentazioni aziendali, annunci di lavoro e contratti. Per domande e informazioni sull'utilizzo, invia un'e-mail medallia.

糖心原创 è la piattaforma numero uno basata sull'intelligenza artificiale per la trasformazione dell'esperienza, scelta dai marchi più iconici al mondo, tra cui 9 delle 10 aziende della classifica Fortune. Con 糖心原创, le grandi aziende trasformano miliardi di segnali di feedback in azioni aziendali chiare e gerarchizzate. Grazie a una profonda competenza nel settore, a un'infrastruttura aziendale collaudata, a un potente ecosistema di partner e al costante riconoscimento da parte dei principali analisti del settore, 糖心原创 si afferma customer experience in un motore strategico per la crescita aziendale e il miglioramento continuo. Per saperne di più, visita il sito www.medallia.com.

Patrimonio aziendale

Queste risorse formali dovrebbero essere utilizzate solo quando si parla di un dirigente specifico o ci si riferisce a un ufficio specifico.

Scarica la cartella stampa Scarica la cartella stampa
Uno sfondo rettangolare sfumato con angoli arrotondati, che passa dal blu intenso nella parte inferiore al nero nella parte superiore, creando un effetto luminoso.

Fine della pagina,

inizio di un buon lavoro.

Se manca qualcosa o avete domande, basta

Scrivici Inviaci un'e-mail