Buurst Branding and Design System

Buurst Branding and Design System

We’re a Data Performance Company.

Buurst is thinking about our customers’ data differently, so they can continue to grow and move their business forward. We know our customers need to move fast, and so does their data. Buurst’s cost-effective data migration and performance management solution opens up new opportunities and capabilities that continually prepare organizations for success.

We use photography, illustrations, and iconography to communicate how we make cloud decisions work for our customers – through data performance, data migration, data cost-management, data availability, and data control and security.

SoftNAS is written as Buurst’s SoftNAS on the first mention, and SoftNAS on following mentions. 

The Buurst logo is a representation of the energy and trust our brand provides. The primary logo should always be the default logo. The logo was designed in a way to scale up and down so that the “UU” treatment is legible. The lowest recommended logo height is 15px. Legibility should always be considered when placing the logo. To the right are acceptable alternative uses and guidance on clear space.

Logo Sytem RESTRICTIONS

The primary Buurst logo should always be honored in its original form. It should never be stretched, skewed, twisted or manipulated in any way. It is the foundational element that anchors Buurst within assets. To the right are a couple of examples of what NOT to do with the Buurst logo system.

We NEVER use the “UU” by itself.

 

Secondary Mark – SoftNAS

Buurst is our logo. The secondary mark is for our product: SoftNAS. It builds on the energy and trust of the Buurst Logo.

The SoftNAS mark has been designed to utilize our primary blue. Do not use any other colors except for the reversed white versions.

The lowest recommended height is 30px. Legibility should always be considered when placing the mark. 

The mark has three variations so that it is easy to use in diagrams and charts as well as by itself.

When in doubt of usage guidelines, fall back on the dos and don’ts of the Buurst logo.

 

Secondary Mark – Fuusion

Buurst is our logo. The secondary mark is for our product: Fuusion. It builds on the energy and trust of the Buurst Logo.

The Fuusion mark has been designed to utilize our primary blue. Do not use any other colors except for the reversed white versions.

The lowest recommended height is 35px. Legibility should always be considered when placing the mark. 

The mark has three variations so that it is easy to use in diagrams and charts as well as by itself.

When in doubt of usage guidelines, fall back on the dos and don’ts of the Buurst logo.

 

Color Palette

Primary

The primary color palette, a core pillar to Buurst branding, should be strictly adhered to. Primary Blue and Primary Orange can be used individually as design elements, but shouldn’t be considered when layering (using either orange over blue or blue over orange). If needing to layer Primary Blue or Primary Orange, consider utilizing Primary Oxford Blue to enhance contrast.

Primary Blue
HEX #057DDC
RGB 5 | 125 | 220
CMYK 80 | 48 | 0 | 0
PMS 2173 C

Primary Orange
HEX #F26724
RGB 242 | 103 | 36
CMYK 0 | 74 | 98 | 0
PMS 165 C

Primary Oxford Blue
HEX #081733
RGB 8 | 23 | 51
CMYK 96 | 85 | 48 | 62

Secondary

The secondary color palette adds a depth of blues and grays which can be used in unison with the primaries. This palette can be used within graphical elements, illustrations and sometimes iconography, but should be used sparingly as hero elements.

Turquoise Blue
HEX #42D6FF
RGB 66 | 214 | 255
CMYK 56 | 0 | 1 | 0

Pelorous
#1BA4C9
RGB 27 | 164 | 201
CMYK 75 | 17 | 13 | 0

Dodger Blue
#2175FC
RGB 33 | 117 | 252
CMYK 78 | 56 | 0 | 0

Matisse
#2E5C80
RGB 46 | 92 | 128
CMYK 88 | 62 | 31 | 11

Midnight
#0D2447
RGB 13 | 36 | 11
CMYK 100 | 88 | 42 | 44

Pattens Blue
#D1E0ED
RGB 209 | 224 | 237
CMYK 16 | 6 | 3 | 0

White Smoke
#F2F2F2
RGB 242 | 242 | 242
CMYK 4 | 2 | 2 | 0

Raven
#707880
RGB 112 | 120 | 128
CMYK 59 | 46 | 40 | 9

Dim Gray
#636363
RGB 99 | 99 | 99
CMYK 61 | 52 | 52 | 22

Ebony
#2E333B
RGB 46 | 51 | 59
CMYK 76 | 67 | 56 | 54

Accent Colors

The alternative color palette provides depth of color to the primary color palette. These colors should be utilized sparingly within illustrations and icons to represent “good” or “bad”.

Lime Green
#45E54F
RGB 69 | 229 | 79
CMYK 62 | 0 | 97 | 0

Torch Red
#FF004F
RGB 255 | 0 | 79
CMYK 0| 99 | 59 | 0

Gradients

Gradients can be used in tandem with the primary color palette. They shouldn’t be overused and never used alone. The Primary Oxford Blue gradient should only be used over imagery and sometimes with transparency such as, multiply. Other gradients are acceptable in very rare cases.

Primary Blue → Turquoise Blue

Primary Oxford Blue to 0% opacity (or white)

Typography

Buurst’s type system blends two fonts to offer readability and a futuristic personality to the brand. Open sans provides a neutral, yet friendly appearance, while Ratio leans more to a geometric approach to letterforms.

We’re beginning to veer away from Ratio as Open Sans is versatile enough for most uses.

The website uses Open Sans and a special font Monserrat. This font is built into our web template and shouldn’t be used for print or outside the company website as it has not been purchased and installed companywide.

You can download Open Sans here:

If you don’t know how to install a font, do a search on the web and you will be able to find instructions for your system.

Photography

Photography should be representative of our target audience – focused, serious, diverse, and technologically equipped. Photography should be polished, clean, and balanced. Imagery with people should represent a focused individual or team within a technical environment.

To add depth to the selection of images, professional shots of architecture, cityscapes, and structural images can be used as elements representing a sense of scale and scope.

Illustration/Graphic elements

Illustration allows us to differentiate from competitors and connect with our audience through visual storytelling that is powerful, modern, and balanced. Our illustrations are created with purpose, conveying technical concepts and incorporating brand elements like color and iconography.

 

Tips:
The data grid is the base of a lot of our illustrations. It can be used on white and dark backgrounds. It is made up of perfectly aligned squares that have circle and triangular highlights.

Hero illustrations are a less abstract style of Buurst graphical elements. They combine an iconographical look with a data grid. They use a mix of color, but should be limited to orange, blue, and grey/white. Thin lines can add movement and energy to the main visual and should be thought out in accordance to the subject matter.

Light Backgrounds are preferred, but you can occasionally mix it up with secondary dark backgrounds.

Iconography

Our iconography is clean, bold and stark. The iconography should provide a balance against the other elements within the brand. Default to the primary blues and use the colors within the secondary palette for extra radiance. Black and white can be used on iconography when needed. Orange can be used as an accent.

The Anaglyph 3D (outline) icon set can be used within illustrations or in content documents. It’s vibrant mix of orange and blue help further the brand impact, but should be used sparingly.

Diagrams

Our diagrams clearly communicate their intended technical purpose. We try to limited the colors to:

#2175FC

#081733

#D1E0ED

#F26724

Black and white or one-color are acceptable within diagrams when needed. 

Branding Examples