Studio Other Brand Buidelines

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