Brand Guidelines
Welcome to Circonus’ headquarters for brand guidelines and assets
Logo
The Circonus logo consists of an icon and wordmark. To ensure consistency and recognition, please use only the accepted versions below; don’t edit, distort, or recolor the logo.
Full color logo for light background
Full color logo for dark background
One color logo for light background
One color logo for dark background
Icon
In cases where the Circonus brand has already been established, use of the icon without the wordmark is acceptable. Note that while the icon can exist without the wordmark, the wordmark cannot exist without the icon.
Full color icon on light background
Full color icon on dark background
One color icon for light background
One color icon for dark background
Exclusion Zone
The minimum whitespace around the logo is the half height of the icon.
Exclusion zone around logo
Exclusion zone around icon
Exclusion zone height
Minimum Size
A minimum height of 29px in digital or 10mm in print ensures legibility of the logo and icon.
Both the logo and standalone icon require a minimum height of 29 pixels.
Color
Circonus’ official palette includes the colors within our logo as well as a variety of supporting colors.
Identity Colors
The Circonus identity colors are the four distinct hues used within our logo.
Circonus Blue
#116fb8
Circonus Green
#54aa50
Circonus Midnight
#172531
White
#ffffff
Accent Color
Circonus’ main accent color is a specific shade of blue. This color is used for links, buttons, and decorative elements throughout the website.
Circonus Accent Blue
#217dc3
Additional Colors
Beyond our identity and accent colors, we use a variety of other hues to enrich the brand experience. Orange provides the greatest contrast to the other colors within our palette and is reserved for highest-priority action items.
Teal
#45bd9d
Orange
#f2712a
Light Blue
#43b7f3
Dark Teal
#1e6064
Dark Grayish Blue
#283d49
Medium Grayish Blue
#456270
Light Grayish Blue
#dfe7e9
Gray
#8d9aa0
Iconography
Circonus uses the Font Awesome Pro icon set. For icons of larger size, we prefer the “Light” weight and, on white backgrounds, will embellish them with an offset light, gradient-filled circle. For smaller size icons, we prefer “Regular” weight and no embellishment.
Larger, light weight icons
Smaller, regular weight icons
Typography
For larger headings (h1, h2, h3), we use Roboto Slab, Regular Weight.
An h1 Heading
An h2 Heading
Circonus’ official font for body text and smaller headings (h3, h4, h5, h6) is Open Sans.
An h3 Heading
An h4 Heading
An h5 Heading
An h6 Heading
The is example body text. Sometimes it is bold or italic.
Both of these fonts can be downloaded or referenced via Google Fonts.
Illustration
Illustration helps us to visualize abstract principles related to telemetry data intelligence.
Waves, dots, grids, spikes, and heatmaps — these types of shapes communicate the magnitude and complexity of data we collect and analyze. For more intricate illustrations, we avoid placing text over areas which might impair legibility.

Wavesforms illustration

Heatmap colors

Dots illustration

Twinkle illustration
Photography
Circonus supports the use of photography to accompany brand messaging so long as it adheres to the following criteria.
- Humans should be depicted within tidy, well-lit office environments.
- Preferred attire is business casual, but the occasional t-shirt or hoodie is acceptable.
- Facial expressions should be focused or cheerful, and always natural.
- Avoid the use of desaturated or grayscale photos, or those with any obvious color filters.
- Avoid close-ups of faces.

Example photo, team members in office

Example photo, smiling business woman
Spelling
Words within our vocabulary that receive specific spelling and casing:
- Circonus
- IRONdb
- Platform
- Circonus Analytics Query Language, or CAQL