Poder para construir
Sitecore Diretrizes da marca
5 Leitura do minuto
Na Sitecore, orgulhamo-nos da sofisticação e força das nossas soluções de software. Dão aos nossos parceiros o poder de construir. A nossa identidade evoluída foi desenvolvida para comunicar essa força, flexibilidade e modularidade.
Seguindo as orientações deste documento e recriando nossa identidade de forma consistente, você pode nos ajudar a reforçar essas ideias na mente de nossos parceiros e clientes.
O nosso logótipo
O nosso logótipo é uma mais-valia fundamental da marca e a base da nossa identidade visual. É composto por dois elementos: o símbolo Sitecore e a marca nominativa Sitecore.
Logótipo primário: Usamos este logótipo sempre que possível para nos destacarmos em fundos claros.
Logótipo secundário: Uma marca nominativa de cor inversa, este logotipo é usado em fundos escuros.
Logótipos monocromáticos: Nossos logotipos de uma cor são usados em aplicações específicas onde o primário e o secundário não são adequados.
Paleta de cores
A cor desempenha um papel fundamental na transmissão da nossa identidade e na garantia da consistência em todos os pontos de contacto.
As nossas cores primárias são a pedra angular da nossa identidade visual, utilizada com mais frequência em todas as comunicações da marca.
Nossas cores secundárias complementam a paleta primária, proporcionando profundidade e versatilidade aos designs. Use essas cores estrategicamente para destacar elementos específicos, criar interesse visual e fornecer flexibilidade para várias aplicações sem se desviar da identidade central da marca.
Nossas cores neutras funcionam como um pano de fundo que suporta e equilibra as cores primárias e secundárias. Eles garantem clareza e legibilidade, mantendo uma estética limpa e profissional.
Aplicação da cor no design
Usamos predominantemente o branco nas nossas comunicações para garantir a máxima legibilidade e contraste. Esta página dá exemplos de como cada cor deve ser usada.
Quando o plano de fundo é predominantemente branco, você tem a liberdade de introduzir mais cores, seja o Gradiente de Energia, a paleta de cores primária ou a paleta de cores secundária.
Se o plano de fundo apresentar mais do Gradiente de Energia, os elementos secundários deverão ser apenas brancos.
Ao usar um plano de fundo da paleta de cores secundária, você pode incorporar fotografia e usar branco para elementos adicionais.
Estes exemplos não são rígidos e não são as únicas combinações.
Aplicação de cores no texto
Todas as combinações de cores nesta página atendem aos requisitos de acessibilidade AA, garantindo que nosso conteúdo seja facilmente legível e acessível a todos os usuários.
Em fundos brancos:
- Texto preto sobre fundo branco é a nossa principal combinação para a maioria das comunicações.
- O texto vermelho é usado para elementos da interface do usuário, como CTAs e botões.
- Texto gradiente é usado para realçar palavras-chave em elementos de título.
Em fundos coloridos:
- O texto branco pode ser usado em fundos gradiente, ultravioleta, roxo e vermelho profundo. As combinações de gradiente são acessíveis sempre que o texto é posicionado sobre o Vermelho Profundo ou Roxo no gradiente.
- O texto preto é usado em fundos Sky como uma combinação de destaque.
Em planos de fundo de gradiente de energia:
- O texto branco pode ser usado em fundos gradiente, ultravioleta, roxo e vermelho profundo.
Em fundos cinzentos:
- O texto preto é adequado para planos de fundo que usam cinza 90, 95 e 98.
O gradiente de potência Sitecore
O Gradiente de Poder incorpora a vida e o poder de Sitecore. Usamo-lo em momentos-chave para perfurar e revelar o poder de Sitecore por baixo.
O Power Gradient não serve apenas para melhorar os elementos visuais. Aplicamo-lo estrategicamente para enfatizar as principais informações.
Representa o poder da Sitecore, quer se trate dos nossos produtos, da nossa equipa ou dos nossos serviços. O gradiente mostra o poder da Sitecore de forma eficaz.
Tipografia
Para dar clareza às nossas comunicações e uma voz distinta, usamos DM Sans.
Usamos em três pesos; Regular, Médio e SemiBold para ajudar a organizar o texto de forma clara e consistente.
É uma fonte do Google que é gratuita para download e a licença permite o uso comercial.
Hierarquia:
Fotografia
Usamos a fotografia para dar vida à nossa história e às nossas pessoas. Nosso estilo de fotografia é construído em torno de um nível HDR de clareza, contraste e nitidez, que deve ser visível em todas as nossas fotografias.
Usamos uma série de estilos fotográficos em todas as nossas comunicações. Embora cada estilo tenha sido desenvolvido para um caso de uso específico, um conjunto geral de princípios-chave de fotografia é aplicado a todos os estilos para manter uma aparência consistente.
Ilustração
Temos dois tipos de estilo de ilustração para invocar:
Interface do usuário
Our Interface do usuário elements are used to guide signpost our digital experience. They are simple, clear and precise, performing a functional role with minimum fuss.
Resumo
Nossas ilustrações mais expressivas são usadas em maior escala para chamar a atenção para temas e conceitos.
Iconografia
Usamos ícones em todas as nossas comunicações para orientar e sinalizar. Eles podem ser usados para substituir palavras e simplificar mensagens, especialmente no digital.
Temos um conjunto personalizado de ícones que são inspirados na forma do símbolo Sitecore e nas linhas limpas da nossa fonte DM Sans.
Infografias
Temos dois estilos para representar dados. O que você usa dependerá do software que você está usando e onde seu gráfico, gráfico ou visualização aparecerá.
O aplicativo personalizado pode ser implantado em nossos pontos de contato de marca mais proeminentes, como nosso site e white papers. Eles precisarão de algum nível de design personalizado especializado e geralmente são usados para representar conjuntos simples de dados ou pontos de dados.