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