We are creators with a deep understanding of what we do.
Design and Brand Guidelines 2019
COMPANY NAME : STUDIO OTHER
COMPANY ADDRESS 9200 SORENSEN AVENUE SANTA FE SPRINGS, CA 90670
WEB : WWW.STUDIOOTHER.COM
A G U I D E TO H E A LT H Y B R A N D I N G
Brand Guide
Studio Other Brand Guide | Date: 02.01.19
Our Brand Platform
STATEMENT OF CONFIDENTIALITY This material contained in our response and any material or information disclosed during of discussions of the proposal represents the proprietary, confidential information pertaining to our services, methodologies and mathods. Other products name and brand my be trademarks or redgesterd trademarks of their respective owners.
PAG E: 2 // 24
Design + Brand Guidelines
Table of Content Welcome 04 Corporate Logo
06
Corporate Typography
12
Website + Stationary
16
Contact 20
COMPANY NAME : STUDIO OTHER
COMPANY ADDRESS 9200 SORENSEN AVENUE SANTA FE SPRINGS, CA 90670
PAG E: 3 // 24
brand guidelines
Studio Other Brand Guide | Date: 02.01.19
PAG E: 4 // 24
Studio Other The design guidelines These guidelines describe the visual and verbal elements that represent the Studio Other identity. This includes our name, logo and other elements such as color, type and graphics. Sending a consistent and controlled message of who we are is essential to presenting a strong, unified image of our company. These guidelines reflect Studio Others commitment to quality, consitency and style. The Studio Other brand, including the logo, name, colors and identifying elements, are valuable company assets. Each of us is responsible for protecting the company’s interests by preventing unauthorized or incorrect use of the Studio Other name and marks.
Design + Brand Guidelines
We are creators with a deep understanding what we do.
Our team members are makers and artists with genuine passion for the craft. We want to build spaces that make sense and excite people. Everything we do is quality: built to last and function well. And we’ll stand by that.
Everything we do is one-of-a-kind (and tailored to the client). We let our clients lead. We’re here to take cues and make your vision happen. Our goal is to bring your brand to life in your space.
We pride ourselves on taking things to the next level — and we do it all in-house. Everything we create is unique. We’re not building repeatable solutions. And we’re not afraid to try something new.
Charlotte Wiederholt President
We are ego-free and have no agenda. Everything is tailored to the specific needs and aesthetic of any given client. Customization is the name of the game.
PAG E: 5 // 24
Studio Other Brand Guide | Date: 02.01.19
Section 01 Primary Logo Secondary Logo
The Logo Introduction The Logo Application The Logo Elements Clearspace and computation Incorrect Logo Applications
PAG E: 6 // 24
Design + Brand Guidelines
Corporate Logo and Corporate Trademarks Logo introduction Our Logo is the key building block of our identity, the primary visual element that identifies us. The signature is a combination of the the symbol itself
and our company name – they have a fixed relationship that should never be changed in any way.
The Wordmark + Logo Symbol The Studio Other Masterbrand or Corporate Logo comprises two elements, the logo symbol and logo type. The Logo Symbol is a powerful image evoking the culture of design services - the connection between the strength of communication and the different points that influence.
It has a particular relationship with the Studio Other name. The Logo Type has been carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced by the use of lower case letters. The typeface is Proxima Nova and has also been chosen to compliment and balance perfectly with the logo symbol.
The Logotype
1) The Logo Symbol A simplified version of the Studio Other logotype, minimalist in its representation of elements related to office furniture. 2) The Wordmark Carefully chosen for its modern and yet refined, highly legible style, which has been further enhanced through manual kerning and perfect visual alignment of each letter. We’ve also condensed the ascender of the “d” and “t” to create an overall balanced logotype. The font that is used here is Proxima Nova. Logo Dark Version Logo Dark Version will be used when the backround color is light colored.
Logo Light Version Logo Light Version will be used when the backround color is dark colored.
Recommended formats are: .eps | .ai | .jpg | .tiff | .png Attention: Use of any stylized, animated, hand drawn or other versions of a inofficial logo is not permitted. This undermines the logo system and brand consistency. Please consult with Bold Trademark Licensing if you have any questions or need further help.
PAG E: 7 // 24
Studio Other Brand Guide | Date: 02.01.19
Primary Logo Construction, Clearspace and Computation It is important to keep corporate marks clear of any other graphic elements. To regulate this, an exclusion zone has been established around the corporate
mark. This exclusion zone indicates the closest any other graphic element or message can be positioned in relation to the mark.of the the symbol itself
and our company name – they have a fixed relationship that should never be changed in any way.
1/2 x
1/2 x
1/2 x
1/2 x
1) Logo Symbol
1/2 x
1/2 x
1/2 x
1/2 x
Clearspace Definition Whenever you use the logo, it should be surrounded with clear space to ensure its visibility and impact. No graphic elements of any kind should invade this zone.
2) Wordmark
1/2 x
1/2 x
Computation To work out the clearspace take the height of the logo and divide it in half. (Clearspace = Height / 2).
PAG E: 8 // 24
1/2 x
1/2 x
Design + Brand Guidelines
Primary Logo Application and Standards Logo A Background Black Version
Logo B Background Colored Version
Logo C Background Grey Version
Logo D Background White Version
Minimum Logo Sizes
Logo Type Minimum Height: 0.5�
0.5 inches
Logo Symbol Minimum Height: 0.5�
0.5 inches
Incorrect Logo Application
1) Do not place the wordmark on 1 line 2) Do not use wordmark and symbol together 3) Do not alter the logo symbol 4) Do not alter the wordmark style 5) Do not change the size relationship between the logo symbol and wordmark. 6) Never change the proportions of the logo vertically or horizontally or alter the appearance in any way
PAG E: 9 // 24
Studio Other Brand Guide | Date: 02.01.19
Secondary Logo Construction, Clearspace and Computation
The secondary Studio Other logos are complementary marks to represent Studio Other. The secondary logo is intended as a decorative mark for use
in contexts in which the name Studio Other has already been established. It should never be used as the primary identifier of Studio Other.
Secondary Logo - Boxed Other
The secondary logos should be used in strict adherance with the graphic identity guidelines mentioned here.
Construction The spacing within the logo is equivalent to the lower case “o”.
The outline of the box is the same weight as the wordmark within the box. The wordmark sits within the box left adjusted and offset by one letter size lower case “o”.
Secondary Logo - Client Partnership
Clearspace The clearspace surrounding the mark is equivalent to one letter size lower case “o”.
Client logo The split logo was derived from a diameter symbol, the idea being that two halves make a whole. At its core, the Studio Other brand is a collaborative and process driven experience. By inserting the client or partnering firm within the logo mark, we deliver a visual expression of the partnership.
PAG E: 1 0 // 24
Design + Brand Guidelines
Secondary Logo Application and Standards
Logo A Background Black Version
Logo B Background Colored Version
Logo C Background Grey Version
Logo D Background White Version
Minimum Logo Sizes
1 inch 0.5 inch
Boxed Other Minimum Height: .5�
Client Partnership Minimum Height: 1�
Incorrect Logo Application
1) Do not use secondary logos together 2) Do not alter the secondary logos 3) Do not change the size relationship between the logo symbol and logo type. 4) Never change the proportions of the logo vertically or horizontally or alter the appearance in any way
PAG E: 1 1 // 24
Studio Other Brand Guide | Date: 02.01.19
Section 02 Typography
The Company Fonts Primary Font Font Hierachy
PAG E: 12 // 24
Design + Brand Guidelines
The Company Fonts and Typography Guidelines Typography plays an important role in communicating an overall tone and quality. Careful use of typography
reinforces our personality and ensures clarity and harmony in all Studio Other communications. We have selected
Primary Font
Proxima Nova
Designer : Mark Simonson The font Proxima Nova (2005) bridges the gap between typefaces like Futura and Akzidenz Grotesk. The result is a hybrid that combines modern proportions with a geometric appearance.
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
n
o
p
q
r
s
0
1
!
“
2
§
3
$
%
U
J
K
L
M
V
W
X
Y
Z
j
k
l
m
w
x
y
z
I
J
K
L
M
V
W
X
Y
Z
i
j
k
l
m
w
x
y
z
I
J
K
L
M
V
W
X
Y
Z
i
j
k
l
m
w
x
y
z
i
u
v
H U h u
v
H U h
t
u
5
v
6
/
( |
=
{
}
¶
«
∑
€
®
†
æ
œ
@
∆
º
ª
©
ƒ
∂
√
~
…
–
≤
<
>
Ω
¨
8
)
“
∞
]
7
¡
µ
[
I
h
g
&
¢
H
g
4
Proxima Nova, which compliments the entire Studio Other communications, as the primary company typeface.
⁄
ø ‚ ≥
9
?
0
` ≠
;
:
¿
‘
π
•
±
‘
å
¥
≈
ç
›
‹
◊
˘
Bold
Regular
Light
Figures
Special Characters
PAG E: 13 // 24
Studio Other Brand Guide | Date: 02.01.19
The Company Fonts and Typography Guidelines
Primary Font
PAG E: 14 // 24
Proxima Nova A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
n
o
p
q
r
s
t
A
B
C
D
E
F
G
N
O
P
Q
R
S
T
a
b
c
d
e
f
g
n
o
p
q
r
s
t
H U
g
g
I
J
K
L
M
V
W
X
Y
Z
j
k
l
m
w
x
y
z
I
J
K
L
M
V
W
X
Y
Z
j
k
l
m
w
x
y
z
I
J
K
L
M
V
W
X
Y
Z
i
j
k
l
m
v
w
x
y
z
I
J
K
L
M
V
W
X
Y
Z
i
j
k
l
m
v
w
x
y
z
h u
i v
H U h u
i v
H U h u
H U h u
Thin
Semi-Bold
Medium
Extra Bold
Design + Brand Guidelines
Company Typography and Text Hierarchy Typographic hierarchy is another form of visual hierarchy, a sub-hierarchy per se in an overall design project. Typographic hierarchy presents lettering so that the most important
words are displayed with the most impact so users can scan text for key information. Typographic hierarchy creates contrast between elements.
Context Text
Copy Text
Studio Other
Pull Quotes
“Studio Other”
and inner Headlines
Headlines and Typobreaks
Superscript Headline
Big Headlines and Title
Sequencer and Title for Marketing
There are a variety of ways you can create a sense of hierarchy. Here are some of the most common techniques for Studio Other layouts.
Proxima Nova Regular - Title Case 9 pt Type / 11 pt Leading
Proxima Nova Light- Title Case 16 pt Type / 11 pt Leading
SUPERSCRIPT HEADER
Proxima Nova Semi-Bold - Title Case 10pt Type / 10pt Leading
Subheader
Proxima Nova Semi-Bold - Title Case 12pt Type / 14 pt Leading
Headline Proxima Nova Light - Title Case 40pt Type / 44 pt Leading
PAG E: 1 5 // 24
Studio Other Brand Guide | Date: 02.01.19
Section 03 Color Sytem
The Corporate Colors Primary Color System Secondary Color System
PAG E: 1 6 // 24
Design + Brand Guidelines
The Primary Color System and Color Codes Color plays an important role in the Bold corporate identity program. The colors below are recommendations for various media. A palette of primary colors has been developed, which comprise the â&#x20AC;&#x153;One Voiceâ&#x20AC;? color scheme. Consistent use of these
Primary Color System
colors will contribute to the cohesive and harmonious look of the Bold brand identity across all relevant media. Check with your designer or printer when using the corporate colors that they will be always be consistent.
Color B : Process Black Color Codes CMYK : C063 M062 Y059 K094 Pantone : Black C RGB : R045 G041 B038 Web : #2D2926
Primary Color system
Color A : Cool Gray 5C -
Primary Color System : Explanation : The Bold Company has two official colors: Black and Gray. These colors have become a recognizable identifier for the company.
Color Codes CMYK : C013 M009 Y010 K027 Pantone : Cool Gray 5C RGB : R177 G179 B179 Web : #B1B3B3
Usage: Use them as the dominant color palette for all internal and external visual presentations of the company.
PAG E: 17 // 24
Studio Other Brand Guide | Date: 02.01.19
Section 04 Website + Stationary
Company Website Business Cards Letterhead
PAG E: 1 8 // 24
Design + Brand Guidelines
Company Website and Flyers
The Company Website Explanation: The company website is intentionally highly visual and serves to tell a story of completed projects. The problems solved and how integrated
and intentional the products look in a space.
PAG E: 1 9 // 24
Studio Other Brand Guide | Date: 02.01.19
Company Stationary + Branding
Business Cards
Explanation: This shows the approved layouts with the primary elements of the Studio Other stationery system for business cards. Usage: The business cards will be used for all official contact and communication of Studio Other.
PAG E: 20 // 24
studioothe r.com
-
Charlotte Wiederholt President
Design + Brand Guidelines
Company Stationary + Branding
The Company Letterhead Explanation: This shows the approved layouts with the primary elements of the Studio Other stationery system for the frontand backside of the letterheads. Usage: The letterhead will be used for all official communication that is going out of Studio Other.
PAG E: 2 1 // 24
Studio Other Brand Guide | Date: 02.01.19
Section 08 Summary and Contact
Summary Contact
PAG E: 22 // 24
Design + Brand Guidelines
Studio Other Summary and Contact
Thank_you.
A short summary
Contact
Our hope and intention is that the brand mirrors our precision and attention to detail. Everything we do is quality: built to last and function well.
For further information please contact: E: info@studioother.com
Weâ&#x20AC;&#x2122;ve intentionally chosen a font family with a breadth of font weights to display hierarchy in a methodical and aesthetically pleasing manner. Additionally, weâ&#x20AC;&#x2122;ve established a system of logos that captures the adaptability of the furniture we create for various spaces and clients.
Charlotte Wiederholt President
PAG E: 23 // 24
COMPANY NAME : STUDIO OTHER COMPANY ADDRESS 9200 SORENSEN AVE SANTA FE SPRINGS, CA 90670
CONTACTS : WWW.STUDIOOTHERCOM