CData Brand Guidelines
Graphic Elements
Graphic elements
Brand colors
These are the official colors for the brand. These colors should be the background and visual elements for everything related to brand materials.
Primary brand colors:
#00A0FF
rgb(0, 160, 255)
CMYK (100, 37, 0, 0)
CData Blue
Our primary brand color
#0B59CE
rgb(11, 89, 206)
CMYK (95, 57, 0, 19)
Dark Blue
Darker blue used in gradients and text
#002147
rgb(0, 33, 71)
CMYK (100, 54, 0, 72)
Oxford Blue
Primarily used in backgrounds and text
Secondary brand colors:
#40C6A7
rgb(64, 198, 167)
CMYK (68, 0, 16, 22)
Fresh Green
Primarily used in gradients and illustration
#9747FF
rgb(151, 71, 255)
CMYK (41, 72, 0, 0)
Purple
Primarily used in gradients and illustration
#FB9218
rgb(251, 146, 24)
CMYK (0, 42, 90, 2)
Accent Orange
Used for buttons and accents
Illustration styles
CData's illustrations are designed to simply communicate the complex nature of our products without oversimplifying. We use a bright and engaging illustration style across marketing touchpoints to support our messaging. Illustrations should make use of primary brand colors with secondary colors functioning as background support and accents. They are commonly used in the following places:
- website, landing pages, etc.
- demand generation assets
- emails
- social media
- infographics & print material
Iconography
Solid icons
Recommended for use for icons less than 25px in size. Typically filled in with a solid primary brand color, black, or white.
Slim-line icons
Recommended for use on icons over 24px in size. Often outlined with slim lines in our primary brand color gradient on light background, but can also be outlined in black or white.
Background elements
Dot grid
Dot grids are used to create visual interest and texture on larger swaths of solid color.
Line grid
Grid patterns are used as a background to suggest plans or concepts for building products or ideas.
Shapes
Geometric shapes are used to ground and highlight illustrations, as well as to add balance to a graphic background.
Layers
Layers are used to portray depth and visual interest.
