Poder para construir
Directrices de marca de Sitecore
5 Lectura del minuto
En Sitecore, estamos orgullosos de la sofisticación y la solidez de nuestras soluciones de software. Dan a nuestros socios el poder de construir. Nuestra identidad evolucionada se ha desarrollado para comunicar esa fuerza, flexibilidad y modularidad.
Al seguir las instrucciones de este documento y recrear nuestra identidad de manera consistente, puede ayudarnos a reforzar esas ideas en la mente de nuestros socios y clientes.
Nuestro logotipo
Nuestro logotipo es un activo clave de la marca y la base de nuestra identidad visual. Se compone de dos elementos: el símbolo de Sitecore y la marca denominativa de Sitecore.
Logotipo principal: Usamos este logotipo siempre que sea posible para destacar sobre fondos claros.
Logotipo secundario: Una marca denominativa de color inverso, este logotipo se utiliza sobre fondos oscuros.
Logotipos monocromáticos: Nuestros logotipos de un solo color se utilizan en aplicaciones específicas donde el primario y el secundario no son adecuados.
Paleta de colores
El color juega un papel fundamental en la transmisión de nuestra identidad y en garantizar la coherencia en todos los puntos de contacto.
Nuestros colores primarios son la piedra angular de nuestra identidad visual, y se utilizan con mayor frecuencia en todas las comunicaciones de la marca.
Nuestros colores secundarios complementan la paleta primaria, aportando profundidad y versatilidad a los diseños. Use estos colores estratégicamente para resaltar elementos específicos, crear interés visual y brindar flexibilidad para diversas aplicaciones sin desviarse de la identidad central de la marca.
Nuestros colores neutros funcionan como un telón de fondo que apoya y equilibra los colores primarios y secundarios. Garantizan claridad y legibilidad mientras mantienen una estética limpia y profesional.
Aplicación del color en el diseño
Utilizamos predominantemente el blanco en nuestras comunicaciones para garantizar la máxima legibilidad y contraste. Esta página ofrece ejemplos de cómo se debe usar cada color.
Cuando el fondo es predominantemente blanco, tiene la libertad de introducir más colores, ya sea el Power Gradient, la paleta de colores primarios o la paleta de colores secundarios.
Si el fondo presenta más de Power Gradient, los elementos secundarios solo deben ser blancos.
Al usar un fondo de la paleta de colores secundarios, puede incorporar fotografías y usar blanco para elementos adicionales.
Estos ejemplos no son rígidos y no son las únicas combinaciones.
Aplicación de color en texto
Todas las combinaciones de colores en esta página cumplen con los requisitos de accesibilidad de AA, lo que garantiza que nuestro contenido sea fácilmente legible y accesible para todos los usuarios.
Sobre fondos blancos:
- El texto negro sobre un fondo blanco es nuestra combinación principal para la mayoría de las comunicaciones.
- El texto rojo se usa para elementos de la interfaz de usuario como CTA y botones.
- El texto degradado se utiliza para resaltar palabras clave en los elementos del título.
Sobre fondos de color:
- El texto blanco se puede usar en fondos degradados, ultravioleta, morado y rojo intenso. Se puede acceder a las combinaciones de degradado siempre que el texto se coloque sobre el rojo intenso o el púrpura en el degradado.
- El texto negro se usa en fondos de cielo como una combinación de resaltado.
Sobre fondos de degradado de potencia:
- El texto blanco se puede usar en fondos degradados, ultravioleta, morado y rojo intenso.
Sobre fondos grises:
- El texto negro es adecuado para fondos que usan gris 90, 95 y 98.
El gradiente de potencia de Sitecore
El Power Gradient encarna la vida y el poder de Sitecore. Lo usamos en momentos clave para atravesar y revelar el poder de Sitecore debajo.
El Power Gradient no es solo para mejorar las imágenes. Lo aplicamos estratégicamente para enfatizar la información clave.
Representa el poder de Sitecore, ya sean nuestros productos, nuestro equipo o nuestros servicios. El degradado muestra el poder de Sitecore de manera efectiva.
Tipografía
Para dar claridad a nuestras comunicaciones y una voz distintiva, utilizamos DM Sans.
Lo usamos en tres pesos; Regular, Medium y SemiBold para ayudar a organizar el texto de manera clara y consistente.
Es una fuente de Google que se puede descargar gratis y la licencia permite su uso comercial.
Jerarquía:
Fotografía
Usamos la fotografía para dar vida a nuestra historia y a nuestra gente. Nuestro estilo fotográfico se basa en un nivel HDR de claridad, contraste y nitidez, que debería ser visible en todas nuestras fotografías.
Utilizamos una serie de estilos fotográficos en nuestras comunicaciones. Si bien cada estilo se ha desarrollado para un caso de uso específico, se aplica un conjunto general de principios fotográficos clave a todos los estilos para mantener una apariencia consistente.
Ilustración
Tenemos dos tipos de estilos de ilustración a los que recurrir:
Interfaz de usuario
Our Interfaz de usuario elements are used to guide signpost our digital experience. They are simple, clear and precise, performing a functional role with minimum fuss.
Resumen
Nuestras ilustraciones más expresivas se utilizan a mayor escala para llamar la atención sobre temas y conceptos.
Iconografía
Usamos íconos en nuestras comunicaciones para guiar y señalizar. Se pueden usar para reemplazar palabras y simplificar mensajes, especialmente en digital.
Tenemos un conjunto personalizado de iconos inspirados en la forma del símbolo de Sitecore y las líneas limpias de nuestra fuente DM Sans.
Infografías
Tenemos dos estilos para representar datos. Lo que use dependerá del software que esté utilizando y de dónde aparecerá su cuadro, gráfico o visualización.
La aplicación personalizada se puede implementar en nuestros puntos de contacto de marca más destacados, como nuestro sitio web y libros blancos. Necesitarán cierto nivel de diseño personalizado especializado y generalmente se utilizan para representar conjuntos simples de datos o puntos de datos.