糖心原创

(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); })();

Lignes directrices de la marque 糖心原创 et kit média

Construisez avec audace. Créez avec clarté.
Voici comment procéder à la manière de 糖心原创.

Un gros plan d'un interrupteur noir s'illuminant en vert, positionné sur le c?té ? ON ?, avec les étiquettes ? ON ? et ? OFF ? visibles à chaque extrémité de l'interrupteur.
Logo Couleurs Ic?nes Polices Visuels Kit de presse Contact

Audacieux par conception.
Multidimensionnel.
Con?u pour percer.

Notre identité est délibérément audacieuse, con?ue pour faire émerger ce qui compte le plus — et déterminer le moment précis d'agir.

Découvrez la marque.

Des Ideas audacieuses ouvrent la voie. Des choix é肠濒补颈谤é蝉 les guident. Une exécution 辫谤é肠颈蝉别 les concrétise. Le tout fondé sur une réflexion intelligente, une communication claire et un point de vue résolument 蝉辞辫丑颈蝉迟颈辩耻é.

Utilisation
Un collage de quatre images montrant le mot ? 糖心原创 ? dans différents styles : deux avec du texte en gras sur des fonds sombres et clairs, un sur un écran d'ordinateur portable, et un affiché sur un smartphone tenu dans une main.
Logotype

Le logotype complet est notre logo principal et la représentation la plus visible de 糖心原创. Utilisez le logotype dans presque toutes les circonstances afin d'assurer cohérence et impact.

Quatre panneaux présentent des variations du logo 糖心原创 sur des fonds noirs et blancs, son profil Instagram et la page d'accueil de son site web affichée dans un navigateur web.
Logo abrégé

Le logo abrégé est réservé à des contextes spécifiques : ic?nes d'applications sociales, navigation des produits 糖心原创, favic?nes et articles promotionnels (uniquement si le logo complet appara?t ailleurs). Lorsque le logo est inférieur à 90x24px, utilisez le logo abrégé pour maintenir la lisibilité et la clarté.

Le mot 糖心原创 est écrit en police noire et grasse sur un fond clair, avec des lignes directrices horizontales marquant la hauteur d'x et l'alignement du texte.
Espacement de la zone de sécurité du logotype

Pour le logo complet, assurez-vous qu'un “M” du logo puisse dégager chaque coin.

Un logo ? M ? noir et minimaliste avec une forme de diamant au-dessus est centré sur un fond blanc, avec des lignes de grille gris clair et des mesures illustrant les proportions et l'espacement du logo.
Espacement de la zone de sécurité du logo abrégé

Pour le logo abrégé, assurez-vous qu'un logo de même taille puisse dégager chaque coin.

Deux bannières rectangulaires : celle du haut a un fond blanc avec ? 糖心原创 Connect ? en texte noir et gris ; celle du bas a un fond noir avec ? 糖心原创 Connect ? en texte blanc et gris.
Logos internes

Pour les programmes internes, nous écrivons 糖心原创 en semi-gras, et le mot suivant en poids normal.

L'image montre les mots ? 糖心原创 ? et ? Other Brand ? en texte noir et gras sur un fond gris clair étiqueté GREY/200, avec un espace et une grille entre les deux mots.
Logos externes

Lors de l'association du logo complet de 糖心原创 avec le logo d'une autre marque, prenez la hauteur du logo de 糖心原创 et utilisez 0,8 de sa taille comme espace horizontal entre le séparateur de ligne.

Couleur

La palette de 糖心原创 est audacieuse, minimale et intentionnelle. Le vert Flash signale toujours l'action. L'indigo véhicule notre confiance et notre autorité. Le noir cassé et le blanc offrent clarté, contraste et une scène épurée pour que la marque puisse briller.

VALEURS DES COULEURS PRIMAIRES
Quatre rectangles horizontaux empilés verticalement : un rectangle noir en haut, un blanc en dessous, suivi d'un rectangle jaune-vert vif, et un rectangle bleu en bas, le tout sur un fond blanc.

Cliquez sur un échantillon pour copier le code hexadécimal.

Ardoise 950

Cliquez pour copier le code hexadécimal

#0D0F10 ARRI?RE-PLANS, TEXTE
Un petit carré noir aux coins légèrement arrondis, remplissant le cadre. L'arrière-plan appara?t uniformément sombre, sans motifs, textures ou détails visibles.
Givre

Cliquez pour copier le code hexadécimal

#FFFFFF ARRI?RE-PLANS, TEXTE
Un petit carré blanc aux coins arrondis avec un fin contour gris, sur un fond uni.
Flash 400

Cliquez pour copier le code hexadécimal

#C8FF00 CTA, ACTION
Un carré aux coins arrondis rempli d'une couleur jaune-vert néon vif.
Indigo

Cliquez pour copier le code hexadécimal

#5B5BFF VERRE, D?GRAD?, UI
Un carré bleu aux coins arrondis sur un fond blanc.
VALEURS DE COULEURS SECONDAIRES
Trois rectangles horizontaux empilés verticalement : celui du haut est gris clair, celui du milieu est gris moyen, et celui du bas est gris foncé. Chaque rectangle est de la même taille.

Cliquez sur un échantillon pour copier le code hexadécimal.

Ardoise 100

Cliquez pour copier le code hexadécimal

#EDEDED ARRI?RE-PLANS, TUILES
Un petit bouton carré gris clair avec des coins arrondis sur un fond blanc.
Ardoise 200

Cliquez pour copier le code hexadécimal

#CDD2D4 TEXTE PRINCIPAL SUR FOND SOMBRE
Un petit carré arrondi de couleur gris clair, remplissant entièrement la forme, affiché sur un fond uni.
Ardoise 800

Cliquez pour copier le code hexadécimal

#32363A TEXTE PRINCIPAL SUR FOND CLAIR
Un petit carré plein gris foncé avec des coins arrondis sur un fond blanc.
础肠肠别蝉蝉颈产颈濒颈迟é
Une grille présente des cercles de six couleurs — noir, gris, gris foncé, blanc, bleu et vert néon — sur des arrière-plans clairs et foncés. Chaque couleur est étiquetée avec une ic?ne d'accessibilité AA au-dessus.
Utilisez des combinaisons de couleurs accessibles.

Ce traitement typographique respecte les normes d'accessibilité et assure une lisibilité claire et à contraste élevé, afin que tous puissent interagir avec le contenu. N'utilisez jamais de flash dans la typographie.

Une palette de couleurs avec deux rangées d'échantillons. La rangée supérieure présente des arrière-plans clairs avec des cercles colorés ; la rangée inférieure présente des arrière-plans foncés avec des cercles colorés. Des ic?nes d'accessibilité sont affichées au-dessus de chaque échantillon.
?vitez les combinaisons inaccessibles.

Ces combinaisons de couleurs ne sont pas lisibles et ne doivent jamais être utilisées.

Utilisation
Une diapositive présente une cible métallique 3D avec une flèche sur la gauche et un texte d'exemple sur la droite indiquant : Ceci est un exemple de diapositive que vous pourriez utiliser. Des étiquettes et des échantillons de couleurs sont affichés autour de la diapositive.
Sombre

Les gris foncés s'associent aux arrière-plans sombres pour créer une profondeur subtile. Utilisez le Blanc à contraste élevé pour les éléments principaux, le gris doux pour le contexte secondaire, et Flash comme appel à l'action.

Une diapositive de présentation avec une cible métallique et une fléchette bleue sur la gauche, et un texte sur la droite indiquant : Ceci est un exemple de diapositive que vous pourriez utiliser. Des étiquettes de couleurs mettent en évidence divers éléments de conception de la diapositive.
Clair

Les gris clairs s'associent aux arrière-plans clairs pour créer une profondeur subtile. Utilisez le noir à contraste élevé pour les éléments principaux, le gris foncé pour le contexte secondaire, et Flash comme appel à l'action.

Un cube translucide 3D flotte au-dessus d'une forme de M stylisée sur un fond sombre avec un dégradé bleu en bas. Le mot Gradient appara?t en texte blanc gras au centre supérieur.
Dégradé foncé

Le dégradé s'étend de haut en bas avec un rapport et un flou fixes. Ce traitement ne doit pas être modifié et constitue l'une des deux seules combinaisons approuvées.

Une lettre M métallique surmontée d'un cube vitreux flotte sous le mot Gradient en gras noir sur un fond blanc qui s'estompe en bleu vers le bas.
Dégradé clair

Le dégradé s'étend de haut en bas avec un rapport et un flou fixes. Ce traitement ne doit pas être modifié et constitue l'une des deux seules combinaisons approuvées.

Iconographie

Lorsque vous évoquez des fonctions produit ou que plusieurs produits sont affichés sur un même écran, utilisez des ic?nes. Dans la mesure du possible, utilisez les ic?nes existantes afin de maintenir la cohérence et de renforcer les concepts visuels à travers les produits 糖心原创, pour qu'ils deviennent familiers aux clients.

  • Utilisez les ic?nes de la bibliothèque approuvée, et non une source tierce.
  • Utilisez des formes simples avec un minimum de détails.
  • Utilisez des symboles familiers avec des associations établies.
  • Utilisez des formes qui apparaissent de face sans dimensions complexes.
Télécharger les ic?nes Télécharger les ic?nes
Une grille de six cartes sombres avec des ic?nes : la rangée supérieure présente une ic?ne de grille, d'engrenage et de bo?te avec des coches vertes ; la rangée inférieure présente les mêmes ic?nes dans le même ordre avec des croix rouges. L'arrière-plan de l'ic?ne d'engrenage est mis en évidence.

Typographie

La police Inter assure une communication 糖心原创 claire et accessible. Suivez les directives de graisse pour créer une hiérarchie, une focalisation et une lisibilité optimales.

  • Utilisez Inter Medium pour les titres.
  • Utilisez Inter Regular pour le corps du texte.
  • Appliquez un crénage de -5 % aux titres lorsque cela est possible.
  • Utilisez Inter Tight pour les titres dans Google Slides.
Télécharger les polices Télécharger les polices
Image montrant le mot ? Inter ? en texte blanc gras sur un fond sombre. En dessous, trois grandes lettres ? a ? minuscules affichent différentes graisses : fine, normale et moyenne. Les étiquettes indiquent ? Police de caractères ? et ? Graisses ?.

Identité visuelle

Nous utilisons un contraste élevé, des couleurs électriques, du verre et des objets dimensionnels pour rendre un produit complexe d'une clarté indéniable et impossible à ignorer.

Profondeur et dimension
Composant 1

La 3D est la colonne vertébrale du langage visuel de 糖心原创, transformant les signaux abstraits en quelque chose de tangible. Nos formes spatiales donnent corps aux données, affinent la complexité et rendent les mécanismes de l'expérience d'une clarté indéniable.

Un gros plan d'un bras robotique translucide avec une main en forme de pince, présentant des reflets lumineux bleus et irisés, sur un fond sombre et flou.
Verre
Composant 2

Le verre est intentionnel. Il permet de visualiser ce qui se passe en coulisses, la complexité 蝉辞辫丑颈蝉迟颈辩耻ée. Chaque composant du produit fonctionne en parfaite harmonie.

Lorsque la lumière le frappe, le verre ajoute de la dimension, révélant des détails qui seraient autrement manqués. Il met en lumière ce qui compte et le rend visible.

Deux formes géométriques abstraites, semblables à du verre, avec des arêtes vives et des surfaces réfléchissantes, se dressent sur un fond doux et flou avec des nuances de bleu et de violet.
La Machine
Composant 3

Prenez du recul, et vous percevez l'ampleur : d'innombrables signaux traversant un système vivant. Regardez de plus près, et chaque élément devient une illustration de la manière dont 糖心原创 transforme le bruit en résultats concrets.

  • ? utiliser pour donner vie au produit.
  • ? utiliser pour attirer l'attention.
  • ? utiliser pour créer de la texture et de la profondeur.
  • Ne pas utiliser pour les témoignages clients.
  • Ne pas utiliser pour les rapports d'analystes.
Un gros plan de petits cubes verts distribués d'un récipient transparent dans un bol brillant et réfléchissant, entouré d'équipements de laboratoire modernes et sombres.

Texte standard

Utilisez le texte standard dans toutes les communications externes et la documentation officielle de l'entreprise, y compris les communiqués de presse, les présentations de l'entreprise, les offres d'emploi et les contrats. Pour toute question ou utilisation, veuillez envoyer un courriel à [email protected].

糖心原创 Il s'agit de la première plateforme basée sur l'IA dédiée à la transformation de l'expérience client, à laquelle font confiance les marques les plus emblématiques au monde, dont 9 des 10 entreprises du classement Fortune. Gr?ce à 糖心原创, les grandes entreprises transforment des milliards de retours d'expérience en actions commerciales claires et hiérarchisées. Forte d'une expertise approfondie dans son domaine, d'une infrastructure d'entreprise éprouvée, d'un puissant écosystème de partenaires et d'une reconnaissance constante de son leadership par les meilleurs analystes du secteur, 糖心原创 transforme l'expérience client en un moteur stratégique de la croissance commerciale et de l'amélioration continue. Pour en savoir plus, rendez-vous sur www.medallia.com.

Actifs d'entreprise

Ces actifs officiels ne doivent être utilisés que pour faire référence à un dirigeant spécifique ou à un bureau spécifique.

Télécharger le dossier de presse Télécharger le dossier de presse
Un arrière-plan dégradé rectangulaire avec des coins arrondis, passant du bleu profond en bas au noir en haut, créant un effet lumineux.

Fin de la page,

début du bon travail.

S'il manque quelque chose ou si vous avez des questions, il suffit de

Nous envoyer un courriel Nous envoyer un courriel