糖心原创

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

Diretrizes 糖心原创 e kit de ferramentas de mídia

Construa com ousadia. Crie com clareza.
Veja como fazer isso à 糖心原创 .

Close-up de um interruptor preto brilhando em verde, posicionado no lado ON, com as etiquetas ON e OFF visíveis em ambas as extremidades do interruptor.
Logotipo Cores ?cones Fontes Visuais Kit de imprensa Contato

Ousado por natureza.
Multidimensional.
Construído para inovar.

Nossa identidade é intencionalmente ousada, projetada para revelar o que é mais importante — e exatamente quando agir.

Conhe?a a marca.

Ideias ousadas abrem caminho. Escolhas confiantes as orientam. Uma execu??o precisa as concretiza. Tudo baseado em um pensamento inteligente, uma comunica??o clara e um ponto de vista distintamente sofisticado.

Utiliza??o
Uma colagem de quatro imagens mostrando a palavra糖心原创em estilos diferentes: duas com texto em negrito em fundos escuros e claros, uma na tela de um laptop e outra exibida em um smartphone segurado na m?o.
Logotipo com marca nominativa

A marca nominativa completa é o nosso logotipo principal e a representa??o mais visível da 糖心原创. Use o logotipo da marca nominativa em quase todas as circunst?ncias para garantir consistência e impacto.

Quatro painéis mostram varia??es do 糖心原创 em fundos pretos e brancos, seu perfil no Instagram e a página inicial do seu site exibida em um navegador da web.
Logotipo abreviado

O logotipo abreviado é reservado para contextos específicos: ícones de aplicativos sociais, navega??o 糖心原创 , favicons e brindes (somente se o logotipo completo aparecer em outro lugar). Quando o logotipo for menor que 90x24px, use o logotipo abreviado para manter a legibilidade e a clareza.

A palavra 糖心原创 escrita em negrito preto sobre um fundo claro, com linhas-guia horizontais marcando a altura x e o alinhamento do texto.
Espa?amento da zona segura da marca nominativa

Para obter o logotipo completo, certifique-se de que o “M” do logotipo possa passar por cada canto.

Um logotipo M preto minimalista com uma forma de diamante acima dele está centralizado em um fundo branco com linhas de grade cinza claro e medidas que ilustram as propor??es e o espa?amento do logotipo.
Espa?amento da zona segura de taquigrafia

Para logotipos abreviados, certifique-se de que logotipos do mesmo tamanho possam ser exibidos em cada canto.

Dois banners retangulares: o superior tem fundo branco com 糖心原创 em texto preto e cinza; o inferior tem fundo preto com 糖心原创 em texto branco e cinza.
Logotipos internos

Para programas internos, escrevemos 糖心原创 negrito e a palavra seguinte em peso normal.

A imagem mostra as palavras 糖心原创 Outra Marca em texto preto em negrito sobre um fundo cinza claro rotulado como GREY/200, com espa?o e uma grade entre as duas palavras.
Logotipos externos

Ao combinar o 糖心原创 completo 糖心原创 com o logotipo de outra marca, considere a altura do logotipo 糖心原创e utilize 0,8 do seu tamanho como espa?o horizontal entre a linha divisória.

Cor

A paleta 糖心原创é ousada, minimalista e objetiva. O verde brilhante sempre sinaliza a??o. O índigo transmite nossa confian?a e autoridade. O preto e o branco proporcionam clareza, contraste e um cenário limpo para a marca brilhar.

VALORES DAS CORES PRIM?RIAS
Quatro ret?ngulos horizontais empilhados verticalmente: um ret?ngulo preto na parte superior, um branco abaixo dele, seguido por um ret?ngulo amarelo-esverdeado brilhante e um ret?ngulo azul na parte inferior, todos sobre um fundo branco.

Clique em uma amostra para copiar o hexadecimal.

Ardósia 950

Clique para copiar hexadecimal

#0D0F10 CONTEXTO, TEXTO
Um pequeno quadrado preto com cantos ligeiramente arredondados, preenchendo o quadro. O fundo parece uniformemente escuro, sem padr?es, texturas ou detalhes visíveis.
Geada

Clique para copiar hexadecimal

#FFFFFF CONTEXTO, TEXTO
Um pequeno quadrado branco arredondado com um contorno cinza fino, sobre um fundo liso.
Flash 400

Clique para copiar hexadecimal

#C8FF00 CTA, A??O
Um quadrado com cantos arredondados preenchido com uma cor amarelo-esverdeada neon brilhante.
?ndigo

Clique para copiar hexadecimal

#5B5BFF VIDRO, GRADIENTE, INTERFACE DO USU?RIO
Um quadrado azul com cantos arredondados sobre um fundo branco.
VALORES DE CORES SECUND?RIAS
Três ret?ngulos horizontais empilhados verticalmente: o superior é cinza claro, o do meio é cinza médio e o inferior é cinza escuro. Cada ret?ngulo tem o mesmo tamanho.

Clique em uma amostra para copiar o hexadecimal.

Ardósia 100

Clique para copiar hexadecimal

#EDEDED PLANOS DE FUNDO, AZULEJOS
Um pequeno bot?o quadrado cinza claro com cantos arredondados sobre um fundo branco.
Ardósia 200

Clique para copiar hexadecimal

#CDD2D4 TEXTO DO CORPO EM FUNDO ESCURO
Um pequeno quadrado arredondado com uma cor cinza claro preenchendo toda a forma, exibido contra um fundo liso.
Ardósia 800

Clique para copiar hexadecimal

#32363A TEXTO DE FUNDO CLARO
Um pequeno quadrado cinza escuro sólido com cantos arredondados sobre um fundo branco.
Acessibilidade
Uma grade mostra círculos em seis cores — preto, cinza, cinza escuro, branco, azul e verde neon — em fundos claros e escuros. Cada cor é identificada com um ícone de acessibilidade AA acima dela.
Use combina??es de cores acessíveis.

Este tipo de tratamento cumpre as normas de acessibilidade e mantém uma legibilidade clara e de alto contraste, para que todas as pessoas possam interagir com ele. Nunca utilize flash no tipo.

Uma paleta de cores com duas linhas de amostras de cores. A linha superior tem fundos claros com círculos coloridos; a linha inferior tem fundos escuros com círculos coloridos. Os ícones de acessibilidade s?o exibidos acima de cada amostra.
Evite combina??es inacessíveis.

Essas combina??es de cores n?o s?o legíveis e nunca devem ser utilizadas.

Utiliza??o
Um slide apresenta um alvo metálico 3D com uma seta à esquerda e um texto de exemplo à direita que diz: “Este é um exemplo de slide que você poderia usar”. Etiquetas coloridas e amostras de cores s?o exibidas ao redor do slide.
Escuro

Os cinzas escuros combinam com fundos escuros para criar uma profundidade sutil. Use branco de alto contraste para pontos principais, cinza suave para contexto de apoio e Flash como chamada à a??o.

Um slide de apresenta??o com um alvo metálico e um dardo azul à esquerda e, à direita, o texto “Este é um exemplo de slide que você poderia usar”. Etiquetas coloridas destacam vários elementos de design do slide.
Luz

Os cinzas claros combinam com fundos claros para criar uma profundidade sutil. Use preto de alto contraste para pontos principais, cinza escuro para contexto de apoio e Flash como chamada à a??o.

Um cubo translúcido 3D flutua acima de uma forma estilizada em M sobre um fundo escuro com um gradiente azul na parte inferior. A palavra Gradiente aparece em texto branco em negrito na parte superior central.
Gradiente escuro

O gradiente vai de cima para baixo com uma propor??o e um desfoque fixos. Este tratamento n?o deve ser alterado e é uma das duas únicas combina??es aprovadas.

Uma letra M metálica encimada por um cubo de vidro flutua sob a palavra Gradient em preto forte sobre um fundo branco que se desvanece em azul na parte inferior.
Gradiente de luz

O gradiente vai de cima para baixo com uma propor??o e um desfoque fixos. Este tratamento n?o deve ser alterado e é uma das duas únicas combina??es aprovadas.

Iconografia

Se você estiver falando sobre fun??es do produto ou se houver vários produtos em uma tela, use ícones. Sempre que possível, use ícones existentes para manter a consistência e refor?ar os conceitos visuais em todos 糖心原创 , para que eles se tornem familiares aos clientes.

  • Use ícones da biblioteca aprovada, n?o de uma fonte externa.
  • Use formas simples com o mínimo de detalhes.
  • Use símbolos familiares com associa??es estabelecidas.
  • Use formas que pare?am retas, sem dimens?es complexas.
Baixar ícones Baixar ícones
Uma grade de seis cart?es escuros com ícones: a linha superior tem um ícone de grade, engrenagem e caixa com marcas de sele??o verdes; a linha inferior tem os mesmos ícones na mesma ordem com marcas X vermelhas. O fundo do ícone da engrenagem está destacado.

Tipografia

A Inter mantém 糖心原创 claras e acessíveis. Siga as orienta??es de peso para criar hierarquia, foco e legibilidade.

  • Use Inter Medium para títulos.
  • Use Inter Regular para o corpo do texto.
  • Kern destaca -5% quando possível.
  • Use Inter Tight para títulos no Google Slides.
Baixar fontes Baixar fontes
Imagem mostrando a palavra “Inter” em texto branco em negrito sobre um fundo escuro. Abaixo, três letras “a” minúsculas grandes exibem diferentes espessuras: fina, regular e média. As etiquetas dizem “Tipo de letra” e “Espessuras”.

Identidade visual

Utilizamos alto contraste, cores elétricas, vidro e objetos tridimensionais para tornar um produto complexo inequivocamente claro e impossível de ignorar.

Profundidade e dimens?o
Componente 1

O 3D é a espinha dorsal da linguagem visual 糖心原创, transformando sinais abstratos em algo que você pode realmente ver. Nossas formas espaciais d?o forma aos dados, aumentam a complexidade e tornam a mec?nica da experiência inequivocamente clara.

Close-up de um bra?o robótico translúcido com uma m?o em forma de pin?a, com reflexos de luz azuis e coloridos como um arco-íris, contra um fundo escuro e desfocado.
Vidro
Componente 2

O vidro é intencional. Permite ver o que se passa por baixo do cap?, uma complexidade sofisticada. Cada parte do produto funciona em harmonia com as outras.

Quando a luz incide sobre ele, o vidro acrescenta dimens?o, revelando detalhes que de outra forma passariam despercebidos. Ele traz o que é importante da escurid?o para o foco.

Duas formas geométricas abstratas, semelhantes a vidro, com bordas afiadas e superfícies refletivas, destacam-se contra um fundo suave e desfocado, com toques de tons azuis e roxos.
A Máquina
Componente 3

Dê um passo atrás e você verá a escala: inúmeros sinais se movendo por um sistema vivo. Olhe mais de perto e cada parte se torna um ícone de como 糖心原创 ruído em resultados.

  • Use para dar vida ao produto.
  • Use para chamar a aten??o.
  • Use para criar textura e profundidade.
  • N?o utilize para histórias de clientes.
  • N?o use para relatórios de analistas.
Close-up de pequenos cubos verdes sendo dispensados de um recipiente transparente para uma tigela brilhante e reflexiva, cercada por equipamentos de laboratório modernos e escuros.

Texto padr?o

Use o modelo padr?o em todas as comunica??es externas e documenta??o formal da empresa, incluindo comunicados à imprensa, vis?es gerais da empresa, anúncios de vagas e contratos. Para perguntas e uso, envie um e-mail medallia.

糖心原创 é a plataforma n? 1 baseada em IA para a transforma??o da experiência, que conta com a confian?a das marcas mais ic?nicas do mundo — incluindo 9 das 10 empresas da Fortune. Com o 糖心原创, as grandes organiza??es transformam bilh?es de sinais de feedback em a??es comerciais claras e priorizadas. Com profundo conhecimento no setor, infraestrutura empresarial comprovada, um poderoso ecossistema de parceiros e reconhecimento consistente da lideran?a por parte dos principais analistas do setor, o 糖心原创 transforma a experiência do cliente em um impulsionador estratégico do crescimento dos negócios e da melhoria contínua. Saiba mais em www.medallia.com.

Ativos corporativos

Esses atributos formais só devem ser usados quando se fala de um executivo específico ou se refere a um cargo específico.

Baixe o kit de imprensa Baixe o kit de imprensa
Um fundo retangular com gradiente e cantos arredondados, passando do azul profundo na parte inferior para o preto na parte superior, criando um efeito brilhante.

Fim da página,

início de um bom trabalho.

Se algo estiver faltando ou se você tiver alguma dúvida, basta

Envie-nos um e-mail Envie-nos um e-mail