糖心原创

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

Directrices de Marca y Kit de Medios de 糖心原创

Construye con audacia. Crea con claridad.
Así es como se hace al estilo 糖心原创.

Un primer plano de un interruptor negro que emite un brillo verde, situado en la posición de encendido, con las etiquetas ON y OFF visibles en ambos extremos del interruptor.
Logotipo Colores Iconos Fuentes Elementos visuales Kit de prensa Contacto

Audaz por dise?o.
Multidimensional.
Dise?ado para destacar.

Nuestra identidad es intencionalmente audaz, dise?ada para revelar lo que más importa y exactamente cuándo actuar.

Conoce la marca.

Ideas audaces marcan el camino. Decisiones seguras las guían. Una ejecución precisa las hace realidad. Todo ello fundamentado en un pensamiento inteligente, una comunicación clara y un punto de vista distintivamente sofisticado.

Uso
Un collage de cuatro imágenes que muestran la palabra “糖心原创” en diferentes estilos: dos con texto en negrita sobre fondos oscuros y claros, una en la pantalla de un portátil y una mostrada en un smartphone sostenido en una mano.
Logotipo con el nombre

El logotipo completo con el nombre es nuestro logotipo principal y la representación más visible de 糖心原创. Utilice el logotipo con el nombre en casi cualquier circunstancia para garantizar la coherencia y el impacto.

Cuatro paneles muestran variaciones del logotipo de 糖心原创 sobre fondos blancos y negros, su perfil de Instagram y la página de inicio de su sitio web, visualizada en un navegador web.
Logotipo abreviado

El logotipo abreviado está reservado para contextos específicos: iconos de aplicaciones sociales, navegación de productos 糖心原创, favicons y merchandising (solo si el logotipo completo aparece en otro lugar). Cuando el logotipo sea inferior a 90x24px, utilice el logotipo abreviado para mantener la legibilidad y la claridad.

La palabra 糖心原创 está escrita en fuente negra en negrita sobre un fondo claro, con líneas guía horizontales que marcan la altura de la x y la alineación del texto.
Espaciado de la zona de seguridad del logotipo tipográfico

Para el logotipo completo, asegúrese de que una “M” del logotipo pueda despejar cada esquina.

Un logotipo minimalista de una M en color negro, coronado por una forma de diamante, se encuentra centrado sobre un fondo blanco con líneas de cuadrícula gris claro y acotaciones que ilustran las proporciones y el espaciado del dise?o.
Espaciado de la zona de seguridad del logotipo abreviado

Para el logotipo abreviado, asegúrese de que un logotipo del mismo tama?o pueda despejar cada esquina.

Dos banners rectangulares: el superior tiene un fondo blanco con 糖心原创 Connect en texto negro y gris; el inferior tiene un fondo negro con 糖心原创 Connect en texto blanco y gris.
Logotipos internos

Para programas internos, escribimos 糖心原创 en seminegrita y la palabra siguiente en peso regular.

La imagen muestra las palabras 糖心原创 y Otra Marca en texto negro en negrita sobre un fondo gris claro etiquetado como GREY/200, con espacio y una cuadrícula entre ambas palabras.
Logotipos externos

Al combinar el logotipo completo de 糖心原创 con el logotipo de otra marca, tome la altura del logotipo de 糖心原创 y utilice el 0.8 de su tama?o como espacio horizontal entre el divisor de línea.

Color

La paleta de 糖心原创 es audaz, minimalista y con un propósito. El verde Flash siempre indica acción. El índigo transmite nuestra confianza y autoridad. El negro roto y el blanco proporcionan claridad, contraste y un escenario limpio para que la marca brille.

VALORES DE COLOR PRIMARIOS
Cuatro rectángulos horizontales se presentan apilados verticalmente: uno negro en la parte superior, uno blanco debajo, seguido de un rectángulo amarillo-verde brillante y, finalmente, uno azul en la parte inferior, todos sobre un fondo blanco.

Haga clic en una muestra para copiar el código hexadecimal.

Slate 950

Haga clic para copiar el código hexadecimal

#0D0F10 FONDOS, TEXTO
Un peque?o cuadrado negro, con esquinas ligeramente redondeadas, ocupa la totalidad del encuadre. El fondo se presenta uniformemente oscuro, sin patrones, texturas ni detalles perceptibles.
Frost

Haga clic para copiar el código hexadecimal

#FFFFFF FONDOS, TEXTO
Un peque?o cuadrado blanco redondeado con un fino contorno gris, sobre un fondo liso.
Flash 400

Haga clic para copiar el código hexadecimal

#C8FF00 CTA, ACCI?N
Un cuadrado con esquinas redondeadas relleno de un color amarillo-verde neón brillante.
?ndigo

Haga clic para copiar el código hexadecimal

#5B5BFF CRISTAL, DEGRADADO, UI
Un cuadrado azul con esquinas redondeadas sobre un fondo blanco.
VALORES DE COLOR SECUNDARIOS
Tres rectángulos horizontales se presentan apilados verticalmente: el superior en gris claro, el intermedio en gris medio y el inferior en gris oscuro. Todos los rectángulos poseen idénticas dimensiones.

Haga clic en una muestra para copiar el código hexadecimal.

Gris pizarra 100

Haga clic para copiar el código hexadecimal

#EDEDED FONDOS, MOSAICOS
Un peque?o botón cuadrado gris claro con esquinas redondeadas sobre un fondo blanco.
Gris pizarra 200

Haga clic para copiar el código hexadecimal

#CDD2D4 TEXTO PRINCIPAL DE FONDO OSCURO
Un peque?o cuadrado redondeado con un color gris claro que rellena toda la forma, mostrado sobre un fondo liso.
Gris pizarra 800

Haga clic para copiar el código hexadecimal

#32363A TEXTO PRINCIPAL DE FONDO CLARO
Un peque?o cuadrado sólido gris oscuro con esquinas redondeadas sobre un fondo blanco.
Accesibilidad
Una cuadrícula presenta círculos en seis tonalidades —negro, gris, gris oscuro, blanco, azul y verde neón— sobre fondos claros y oscuros. Cada tonalidad está identificada con un icono de accesibilidad AA en su parte superior.
Utilice combinaciones de colores accesibles.

Este tratamiento tipográfico cumple con los estándares de accesibilidad y mantiene una legibilidad clara y de alto contraste para que todas las personas puedan interactuar con él. Nunca utilice efectos de destello en la tipografía.

Una paleta de colores que presenta dos filas de muestras cromáticas. La fila superior exhibe fondos claros con círculos de colores; la fila inferior, fondos oscuros con círculos de colores. Los iconos de accesibilidad se visualizan sobre cada muestra.
Evite las combinaciones inaccesibles.

Estas combinaciones de colores no son legibles y nunca deben utilizarse.

Uso
Una diapositiva exhibe un objetivo metálico 3D con una flecha a la izquierda y un texto de ejemplo a la derecha que reza: Este es un ejemplo de una diapositiva que podría utilizar. Las etiquetas y muestras de color se visualizan alrededor de la diapositiva.
Oscuro

Los grises oscuros se combinan con fondos oscuros para crear una profundidad sutil. Utilice blanco de alto contraste para los puntos principales, gris suave para el contexto de apoyo y Flash como llamada a la acción.

Una diapositiva de presentación muestra una diana metálica con un dardo azul a la izquierda, y un texto a la derecha que indica: Este es un ejemplo de una diapositiva que podría utilizar. Las etiquetas de color destacan diversos elementos del dise?o de la diapositiva.
Claro

Los grises claros se combinan con fondos claros para crear una profundidad sutil. Utilice negro de alto contraste para los puntos principales, gris oscuro para el contexto de apoyo y Flash como llamada a la acción.

Un cubo translúcido 3D levita sobre una forma de M estilizada, en un fondo oscuro que presenta un degradado azul en su base. La palabra Gradient se muestra en texto blanco en negrita en la parte superior central.
Degradado oscuro

El degradado se extiende de arriba a abajo con una relación fija y un desenfoque. Este tratamiento no debe modificarse y es una de las dos únicas combinaciones aprobadas.

Una letra M metálica coronada por un cubo de cristal flota debajo de la palabra Gradient en negrita y negro sobre un fondo blanco que se desvanece a azul en la parte inferior.
Degradado claro

El degradado se extiende de arriba a abajo con una relación fija y un desenfoque. Este tratamiento no debe modificarse y es una de las dos únicas combinaciones aprobadas.

滨肠辞苍辞驳谤补蹿í补

Si se refiere a funciones de productos, o si hay varios productos en una pantalla, utilice iconos. Siempre que sea posible, emplee iconos existentes para mantener la coherencia y reforzar los conceptos visuales en todos los productos de 糖心原创, de modo que resulten familiares para los clientes.

  • Utilice iconos de la biblioteca aprobada, no de una fuente de terceros.
  • Utilice formas sencillas con el mínimo detalle.
  • Utilice símbolos familiares con asociaciones establecidas.
  • Utilice formas que se vean de frente sin dimensiones complejas.
Descargar iconos Descargar iconos
Una cuadrícula de seis tarjetas oscuras con iconos: la fila superior presenta un icono de cuadrícula, un engranaje y una caja con marcas de verificación verdes; la fila inferior muestra los mismos iconos en el mismo orden con marcas de X rojas. El fondo del icono de engranaje está resaltado.

罢颈辫辞驳谤补蹿í补

Inter mantiene la comunicación de 糖心原创 clara y accesible. Siga las directrices de grosor para crear jerarquía, enfoque y legibilidad.

  • Utilice Inter Medium para los titulares.
  • Utilice Inter Regular para el cuerpo de texto.
  • Aplique un kerning del -5% a los titulares cuando sea posible.
  • Utilice Inter Tight para los titulares en Google Slides.
Descargar fuentes Descargar fuentes
Imagen que muestra la palabra ?Inter? en texto blanco y negrita sobre un fondo oscuro. Debajo, tres letras ?a? grandes en minúscula muestran diferentes pesos: fina, regular y mediana. Las etiquetas dicen ?罢颈辫辞驳谤补蹿í补? y ?Pesos?.

Identidad Visual

Utilizamos alto contraste, color eléctrico, cristal y objetos dimensionales para que un producto complejo sea inequívocamente claro e imposible de ignorar.

Profundidad y dimensión
Componente 1

El 3D es la columna vertebral del lenguaje visual de 糖心原创, transformando se?ales abstractas en algo tangible. Nuestras formas espaciales dan estructura a los datos, clarifican la complejidad y hacen que la mecánica de la experiencia sea inequívocamente clara.

Un primer plano de un brazo robótico translúcido con una mano tipo pinza, que presenta reflejos de luz azules y de colores del arcoíris, sobre un fondo oscuro y borroso.
Cristal
Componente 2

El cristal es intencional. Permite ver el funcionamiento interno, la complejidad sofisticada. Cada parte del producto trabajando en armonía.

Cuando la luz lo incide, el cristal a?ade dimensión, revelando detalles que de otro modo pasarían desapercibidos. Saca lo importante de la oscuridad y lo pone en foco.

Dos formas geométricas abstractas, similares al cristal, con bordes afilados y superficies reflectantes, se mantienen erguidas sobre un fondo suave y borroso con toques de tonos azules y morados.
La Máquina
Componente 3

Al dar un paso atrás, se percibe la escala: innumerables se?ales moviéndose a través de un sistema vivo. Al observar más de cerca, cada parte se convierte en su propio icono de cómo 糖心原创 transforma el ruido en resultados.

  • Utilícelo para dar vida al producto.
  • Utilícelo para captar la atención.
  • Utilícelo para crear textura y profundidad.
  • No lo utilice para casos de éxito de clientes.
  • No utilizar para informes de analistas.
Un primer plano de peque?os cubos verdes siendo dispensados de un recipiente transparente a un cuenco brillante y reflectante, rodeados de equipos de laboratorio oscuros y modernos.

Texto estándar

Utilice el texto estándar en todas las comunicaciones externas y la documentación formal de la empresa, incluyendo comunicados de prensa, descripciones generales de la compa?ía, ofertas de empleo y contratos. Para preguntas y uso, por favor envíe un correo electrónico a [email protected].

糖心原创 Es la plataforma n.? 1 basada en inteligencia artificial para la transformación de la experiencia, en la que confían las marcas más emblemáticas del mundo, incluidas 9 de las 10 empresas de la lista Fortune. Con 糖心原创, las grandes empresas convierten miles de millones de se?ales de opinión en acciones empresariales claras y priorizadas. Gracias a su profunda experiencia en el sector, su infraestructura empresarial contrastada, un potente ecosistema de socios y el reconocimiento constante de los principales analistas del sector, 糖心原创 transforma experiencia del cliente en un motor estratégico del crecimiento empresarial y la mejora continua. Obtenga más información en www.medallia.com.

Activos corporativos

Estos activos formales solo deben utilizarse al referirse a un ejecutivo específico o a una oficina concreta.

Descargar el kit de prensa Descargar el kit de prensa
Un fondo rectangular con gradiente y esquinas redondeadas, que transiciona de azul oscuro en la parte inferior a negro en la parte superior, creando un efecto de brillo.

Fin de la página,

comienzo de un buen trabajo.

Si falta algo o tiene alguna pregunta, simplemente

Envíenos un correo electrónico Envíenos un correo electrónico