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 example
Solid icons
Recommended for use for icons less than 25px in size. Typically filled in with a solid primary brand color, black, or white.
Thin icons example
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

Dots background
Dot grid
Dot grids are used to create visual interest and texture on larger swaths of solid color.
Grid background
Line grid
Grid patterns are used as a background to suggest plans or concepts for building products or ideas.
Shapes background
Shapes
Geometric shapes are used to ground and highlight illustrations, as well as to add balance to a graphic background.
Layers background
Layers
Layers are used to portray depth and visual interest.