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)