Redbooth Brand Guidelines

Brand Guidelines V1 (December 2013)

Index P.03

Introduction

P.04

The brand

P.05

Construction

P.06

Color palette

P.07

Color versions

P.08

Typography

P.09

Sizes

P.10

Symbol

P.11

Tag line

P.12

Brand environment

P.13

Contact

Š 2013 Redbooth

2 / 15

Introduction

A brand guidelines document?

Welcome to the Redbooth Brand Guidelines, a document that will help you understand the developed brand, its peculiarities and aspects to be considered by collaborators or people associated to Redbooth who need to use it in situations of all kinds.

This manual presents some of the most important and basic conclusions that have been taken into account when developing the brand to help it present its best face at all times.

Despite its brevity, each data contained in this document is the result of a thorough work of graphic design and communication, so the coherence and consistency of the brand’s treatment depends ultimately in the will to make an efficient use of it.

So minimize your doubts and use this manual whenever you need. Use the brand with responsibility.

Š 2013 Redbooth

3 / 15

The brand

work smarter

When points connect...

A brand that contains all the Redbooth’s conceptual

imagotype poses endless possibilities when creating any

basis and transforms it into an abstract representation

kind of application, from stationery to motion graphics.

of the iconic image we all have in mind when we read

The typographic proposal is fully integrated with all the

the name. A phone booth built on connections or links

design basis developed so far, favoring a smooth tran-

between various points that form a common element.

sition to the new name and a proper integration. Iconi-

An analogy to coordinated teamwork, which shows the

cally, it is in line with the general Teambox/Redbooth’s

importance of the individual and the group. The new

approach.

Š 2013 Redbooth

4 / 15

Construction

Brand construction and design details

The brand construction is not accidental. The stroke of the connections between points is unified with the weight of the font, so that they are in visual balance. The width of the lines acts as the basic unit to proportion spaces (1). The brand works flawlessly over printed or screen applications without losing its impact and distinct design.

5x

5x

5x

x

5x

Outer gray box = Protection space limit

Corrected typography for an improved visual balance.

Š 2013 Redbooth

5 / 15

Color palette

Red for a red booth

The general color palette for the brand moves around two main colors: red & black. Red for the icon, black for the logotype. Both of them have enough weight to avoid be devoured by the other.

The symbol retains its iconic red color, while the logotype acts as a formal and sober verbal representation.

Pantone 485 C

Pantone®

485 C

50% 485 C

Lab

45 / 70 / 50

RGB

210 / 20 / 30

30% 485 C

CMYK 0 / 95 / 100 / 0

HEX #D4121E

P Black C

Pantone®

Black C

© 2013 Redbooth

50% P Black C

Lab

0/0/0

RGB

0/0/0

30% P Black C

CMYK 0 / 0 / 0 / 100

HEX #000000

6 / 15

Color versions

Color combinations depending on contrast

The brand can be used in several color combinations, depending on the situation.

The use of each version depends on the user’s criteria, but always having in mind a specific goal: presenting the brand in a visible & readable way, regardless of the the environment.

Color version 1

Redbooth Red + Redbooth Black over white, or soft & clear backgrounds

Color version 2

Redbooth Red + White over black, dark images and backgrounds

Color version 3 White over red, dark images and color backgrounds

Š 2013 Redbooth

7 / 15

Typography

Open Sans

The corporate font is Open Sans, a beautifully designed sans-serif font originally developed by Steve Matteson for Google. It has been chosen for three main reasons: 1) it is connected to all the UI developed, 2) its design is clean, friendly and contemporary and 3) it allows us to use many different weights.

Open Sans (Light 300)

abcdefghijklmn単opqrst uvwxyz abcdefghijklmnopq rstuvwxyz 1234567890 Open Sans (Semibold 600)

abcdefghijklmn単opqrs tuvwxyz abcdefghijklmno pqrstuvwxyz 1234567890 Open Sans (Bold 700)

abcdefghijklmn単opqrs tuvwxyz abcdefghijklmno pqrstuvwxyz 1234567890

息 2013 Redbooth

8 / 15

Sizes

Minimum sizes for the brand reproduction

To prevent illegibility or the loss of its formal impact, we set a minimum size of reproduction for the brand. This is the minimum size the brand can present on a printed area (25 mm).

Since the brand is less legible in its color-reversed versions, its minimum size in this case is somewhat higher.

Printed applications

Version 1 — Width: 25 mm

Version 2 & 3 — Width: 27 mm

On-line / screen applications Similarly, we set a minimum size applicable for using the brand on all kind of screens (smartphones, tablets, desktops, etc.).

Version 1 — Width: 130 px

© 2013 Redbooth

Version 2 & 3 — Width: 150 px

9 / 15

Tag line Enhancing the brand’s character

The new brand modular aproximation allows us to play with units and spaces in order to introduce new elements to the brand. Smaller texts with an accurate disposition and a cromatic link to the symbol work as mutable taglines.

x

tag line

Typography

2x

Color combinations

abcdefghijMn pqrstuvwxyz abcdefghijklmn opqrstuvwxyz 1234567890 Open Sans (Semibold 600)

Š 2013 Redbooth

10 / 15

Symbol Using the symbol

The Redbooth symbol can be used separatedly, respecting its own protection space limits, color and general treatment. Use it without the logotype only if the name ‘Redbooth’ is clearly associated to the symbol in its context. For example: the symbol can be used in the website footer alone because the interface is full of textual references to Redbooth.

5x

5x

x

5x

Red version

Outer gray box = Protection space limit

Black version

White version (used in Social Media

White version (used as an iOS/Android

Red version (used as an identity

profiles, among other applications)

app icon)

element in user interfaces)

© 2013 Redbooth

11 / 15

Brand environment Photo & graphics

The photographs for Redbooth must show teams at work or work environments, whether or not professionalized, avoiding the use of stereotypes or overly symbolic images. Likewise they should avoid the use of excessive contrast or very high or very low saturation levels, as well as grain and intentional color cast.

A

B

Photos can be used at full color (A) or with a gray or red tint (B) to be used as textures or graphic bases.

Overlapping, using transparency

Pantone Black C

or layers blending effects (f.i. Multiply)

80% opacity

Some textures based on dots and connections can be used as graphic identity elements, overlapping them to gray or red color bases.

Š 2013 Redbooth

12 / 15

Contact Help & support

If you have any doubt regarding the use of the brand or any other identity element, or you are a supplier or collaborator and you need some brand-related files to work with, please contact the Redbooth’s Design & Communication team. www.redbooth.com support@redbooth.com

Š 2013 Redbooth

13 / 15

Designed by:

Periferia Creative +34 937 881 941 info@periferia.cat www.periferia.cat Rambla d’Egara 235, 5 C–D 08224 Terrassa Barcelona (Spain)