Color Usage
The Sentient Science color palette is inspired by the confidence, trust and accuracy that we would like our users to walk away with feeling when they use our products and services.
The Role of Blue - Hero
I would like to introduce you to Cerulean. This is our primary color that is used to help us reinforce our presence and unify our touch points from marketing to product. It is sharp and clear, making it bold and optimistic, while at the same time it's soft and inviting. It is at the heart of every communication, and should be used intentionally but sparingly. As with all colors in the palette, you should be mindful of the color values provided in these guidelines. When used appropriately and accurately, the colors have an incredible impact.
Where do we use it?
Cerulean is often used for our logo color, backgrounds, buttons, and text links. The accompanying shades of blue can be used to create depth, motion and hover effects. It can also be used for some typography, as long as it passes WCAG AA requirements.
Primary Blue
Additional Shades
The Role of Orange - Sidekick
I would like to introduce you to Dark Orange. This is our secondary color, also known as an accent color. This serves as the sidekick to our hero Cerulean. Orange is a color compliment to Blue which allows it to stand out to call attention. With great power comes great responsibility and that is why Orange should be used sparingly so it does not over power our primery brand color.
Primary Orange
Additional Shades
The Role of White
We use white mainly to define space, to balance out the other colors in the palette, and to accentuate other important visual elements.
The Role of Neutrals
Dark Neutrals
The dark neutrals are very effective for creating contrast and are therefore the primary color used for typography. Occasionally the dark neutrals are found in print materials but they rarely dominate the palette.
Light Neutrals
Light neutrals are helpful for offsetting content in a primarily white layout without losing warmth and cleanliness, and are therefore often used as a background color for web components. They should never be used for text on light backgrounds because they do not create enough contrast. However, their subtlety allows for them to be helpful in creating subtle shadows or depth.