Bubble Brand Guidelines

Brand Guidelines Version 1.0 | Jan 2022

Brand Guidelines

Stay awesome!

After all the hard work put into creating a cohesive brand design, we want to make sure it stays that way when it heads out into the world. Following these guidelines will ensure the logo is used in a way that upholds the aesthetic standards and keeps the brand looking professional and consistent.

3

Brand Guidelines

Fresh, playful, clean

The inspiration for Bubble is fun, fresh and professional. It’s clean, minimal and modern, but the roundness and softness of the wordmark gives it a playful vibe.

The target audience is everyone, from small businesses to international corporations.

The overall vibe of brand is fun, playful and experienced... a company you can trust and rely on.

4

5

Brand Guidelines

Primary logo

B.

The smallest logo representation should be 38mm wide

6

Brand Guidlines

Primary logo

Bubble’s primary logo is a word mark. The main lettering style has a bubbly and clean feel. The minimalist style helps emphasise the professional values of the brand, while the rounded corners give a sense of playfulness.

The circle, which has been appropriately named the “Bubble” is a key feature for making the brand recognisable and memorable.

This is the main logo that will be used across primary brand applications. This trademark helps audiences easily identify Bubble’s services, web presence, ads and other materials, which enhances the professionalism of the brand. It is essential to the success of the brand that the logo is always applied with care and respect in every application according to these guidelines.

7

Brand Guidelines

Secondary logo

Bubble’s secondary logo is a pictoral mark that can be used in place of the primary logo (but should never be used directly next to the primary logo).

B.

The symbol can be used when the full primary logo is not necessary or in cases where the brand name is already displayed in plain text, for example the pictorial mark (Circled B) can be used as profile picture on Instagram since the username will be adjacent to it in plain text.

8

Brand Guidlines

Secondary logo

9

Branding pack

Colour usage The colour usage for Bubble is fairly minimal.

The logo will mostly be used in Bubble Blue/Tealquoise when used against a white background (A), it will be used in White/Tealquoise when used against Bubble Blue (B), and will be used in solid white when used on other colours, or images (D). It can also be used in solid black (C).

10

A.

B.

C.

D.

Branding Guidlines

Clear space

x

x

To ensure legibility, always keep a minimum clear space around the logo.

This space isolates the mark from any competing graphic elements like other logos or bodycopy that it might conflict with, overcrowd and lesson the impact of the mark. x

x

x

x

The minimum clear space is defined as the width of the letter ‘b’. This minimum space should be maintained as the logo is proportionatly resized.

x

x

11

Brand Guidelines

Photo background

12

Brand Guidlines

Photo background

There are a couple of ways the logo can be used on photographic backgrounds, but each option should be exercised with care, making sure the logo and the type aren’t obstructed by the image.

In most cases, you can use a solid white or solid black logo on top of a background image.

Tips: 1. Photos with shadow depths-of-field work best.

2. Avoid busy images with too much detail.

3. Applying a darker transparent overlay on an image helps make text more readable.

13

Brand Guidelines

Unacceptable usage A. Don’t rotate the logo B. Don’t squash or stretch C. Don’t place elements in the logo clearspace D. Don’t resize any part A few rules are necessary for maintaining the integrity of the brand. Don’t compromise the overall look of the logo by rotating, skewing or distorting in anyway - that includes adding unnecessary and unattractive text decorations like drop shadows and outlines. Here are a few examples of some ways you should NEVER consider using the logo.

B.

E. Don’t rearrange parts or create compositions that are not already provided F. Don’t add unofficial graphics to the logo G. Don’t use off-brand colors.

Reference the Colour Usage section.

H. Don’t add drop-shadows or other text styles I. Don’t contain the logo in a box when used on a background

14

Brand Guidlines

Unacceptable usage

A.

B.

C.

D.

E.

F.

G.

H.

I.

15

Brand Guidelines

Typography

Be Creative!

“You can't use up creativity. The more you use, the more you have.”

- Maya Angelou

16

Brand Guidlines

Typography

Typography is a powerful brand tool when used consistantly. This set of typefaces best represents the bold and modern feel of the brand and should be used across all print and web applications.

Gilroy

Gilroy Use for headlines

Bold

Sentance case Web letter-spacing 0

ABCDEFGHIJKLM NOPQRSTUVWXYZ 1234567890

Gilroy

Gilroy Use for body text

Regular

Sentance case Web letter-spacing 0

ABCDEFGHIJKLM NOPQRSTUVWXYZ 1234567890

Gilroy Typeface Weights Thin

Medium

Black

Ultralight

Semi-bold

Heavy

Light

Bold

Regular

Extra-Bold

17

Brand Guidelines

Colour palette

Bubblue

CYMK: 100, 90, 5, 0 Colour is an integral part of brand identity. Consistent

RGB: 0, 35, 140

use of the colour palette will not only reinforce the

Hex: #00238C

cohesiveness of the brand, but colour also serves a psychological purpose by communicating a certain Tealquoise

feeling to your audience.

CYMK: 65, 0, 40, 0 RGB: 0, 230, 180

Blue is associated with the sky and the ocean, which

Hex: #00E6b4

both evoke feelings of tranquility and security. It shows that your brand is professional and logical, but

B.

not invasive. It can create a sense of security and

Perfect Pink

trust in your company.

CYMK: 13, 85, 0, 0 RGB: 255, 0, 176

Turquoise helps to open the lines of communication

Hex: #FF00B0

between the heart and the spoken word. It presents as a friendly and happy colour enjoying life. In color psychology, the colour turquoise controls and heals the emotions creating emotional balance and stability.

18

Brilliant Blue

CYMK: 60, 0, 8, 0 RGB: 0, 225, 225 Hex: #00E1FF

Brand Guidlines

Colour palette

Brand Guidelines

Final comments

If ever in doubt, just refer back to this guide or feel free to get ahold of us (studio@bubbledesign.co.uk). These guidlines are B. fairly flexible and should allow for enough creative freedom to use the logos as you see fit while still making sure the brand looks its best across all applications.

20

19

bubbledesign.co.uk