Power to Build

At Sitecore, we are proud of the sophistication and strength of our software solutions. They give our partners the power to build. Our evolved identity has been developed to communicate that strength, flexibility and modularity.

By following the guidance in this document and recreating our identity consistently, you can help us reinforce those ideas in the minds of our partners and customers.

Our logo is a key brand asset and the basis for our visual identity. It is made up of two elements: the Sitecore symbol and the Sitecore wordmark.

Primary logo: We use this logo wherever possible to stand out on light backgrounds.

Secondary logo: A reverse color wordmark, this logo is used on dark backgrounds.

Monochromatic logos: Our one-color logos are used in specific applications where the primary and secondary are not suitable.

 

 

 

Color plays a pivotal role in conveying our identity and ensuring consistency across all touchpoints.

Our primary colors are the cornerstone of our visual identity, used most frequently across all brand communications.

Our secondary colors complement the primary palette, providing depth and versatility to designs. Use these colors strategically to highlight specific elements, create visual interest, and provide flexibility for various applications without straying from the brand’s core identity.

Our neutral colors work as a backdrop that supports and balances the primary and secondary colors. They ensure clarity and readability while maintaining a clean and professional aesthetic.

We predominantly use white in our communications to ensure maximum legibility and contrast. This page gives examples on how each color should be used.

When the background is predominantly white, you have the freedom to introduce more colors, whether that is the Power Gradient, the primary color palette, or the secondary color palette.

If the background features more of the Power Gradient, secondary elements should only be white.

When using a background from the secondary color palette, you can incorporate photography and use white for additional elements.

These examples aren’t rigid and not the only combinations.

 

All color combinations on this page meet AA accessibility requirements, ensuring that our content is easily readable and accessible to all users.

On White Backgrounds:

• Black Text on a white background is our primary combination for most communications.
• Red text is used for UI elements like CTAs and buttons.
• Gradient Text is used to highlight key words in headline elements.

On Color Backgrounds:

• White Text can be used on gradient, ultraviolet, purple, and deep red backgrounds. Gradient combinations are accessible whenever the text is positioned over the Deep Red or Purple on the gradient.
• Black Text is used on Sky backgrounds as a highlight combination.

On Power Gradient Backgrounds:

• White Text can be used on gradient, ultraviolet, purple, and deep red backgrounds.

On Gray Backgrounds:

• Black Text is suitable for backgrounds that use Gray 90, 95, and 98.

The Power Gradient embodies the life and power of Sitecore. We use it in key moments to punch through and reveal the power of Sitecore beneath.

 

The Power Gradient is not just for enhancing visuals. We apply it strategically to emphasize key information.

It represents the power of Sitecore, whether it’s our products, our team, or our services. The gradient showcases the power of Sitecore effectively.

 

To give our communications clarity and a distinctive voice we use DM Sans.

We use it in three weights; Regular, Medium and SemiBold to help organize text clearly and consistently.

It’s a Google font that is free to download and the license allows for commercial use.

 

Hierarchy:

 

We use photography to bring our story and people to life. Our photography style is built around an HDR level of clarity, contrast and sharpness, which should be visible in all our photography.

We use a number of photographic styles across our communications. While each style has been developed for a specific use case, a general set of key photography principles are applied to all styles to maintain a consistent look and feel.

We have two types of illustration style to call upon:

 

UI

Our UI elements are used to guide signpost our digital experience. They are simple, clear and precise, performing a functional role with minimum fuss.

Abstract

Our more expressive illustrations are used at larger scale to draw attention to themes and concepts.

We use icons across our communications to guide and signpost. They can be used to replace words and simplify messages, especially in digital.

We have a custom set of icons that are inspired by the shape of the Sitecore symbol and the clean lines of our font DM Sans.

 

We have two styles to represent data. Which you use will depend on the software you are using and where your chart, graph or visualization will appear.

Custom application can be deployed in our most prominent brand touchpoints such as our website and white papers. They will need some level of specialist custom design and are generally used to represent simple sets of data or data points.

Custom

 

Standard