JEAN PROUV BRANDBOOK

A GUIDE OF THE BASIC ELEMENTS FOR CREATING THE PROUV BRAND.

TA BL E O F CON TEN TS //

Prouve Brandbook

0 1 02 03 04 05 06

PROUV BRANDBOOK
SU M M E R 2 0 1 3

INTRODUCTION// Mastermind Behind The Architecture LOGOT YPE// The Prouv Formula THE WORKS// The Color Palette Typography Creating Patterns Photography Matters THE SYSTEM// Letterhead Envelope Design Heres My Card FINAL WORDS// Prouv Team

03 05 07

27

35

NEVER DESIGN ANYTHING THAT CANNOT BE MADE.

I NTRODUCTION //

Mastermind Behind The Architecture

0 1 02 03 04 05 06

MASTERMIND BEHIND THE ARCHITECTURE

Jean Prouv is a French Industrial and Furniture Designer and Architect. Prouv is one of the most influential furniture designers of the early modern design movement, he introduced the machine age and industrial engineered modern design aesthetic to interiors in steel, aluminum and architecture. He was born into an artistic family in Nancy, France; his famous father, Victor Prouv, collaborated with the great Art Nouveau artists Emile Galle and Louis Majorelle as a ceramicist. Jean Prouv himself was trained as a metal smith before attending engineering school in Nancy, and his intimate knowledge of metal remained the foundation of his work and career. After opening his own workshop in 1923, Jean Prouv began producing modern metal furniture of his own design as well as collaborating with some of the best-known French modern designers of the day. His shelving units for the dormitories at the Cite Internationale Universitaire de Paris, designed with Perriand and the artist Sonia Delaunay in 1952, are perhaps the best known examples of his collaborative work. Jean Prouv regarded himself as more of an engineer and constructor instead of a modern designer. He never designed for the sake of form, concentrating instead on the essence of materials, connections and production. He strove for the most constructionally and materially efficient designs, with such classic end results as the modern design Standard chair of 1934 and the Antony chair of 1954. Utilizing his innovative method of folding sheet metal, Prouv designed a series of tables that have the perceived lightness of bridges and the presence of architecture. In the 1950s, Prouv was forced to abandon modern design furniture production and began devoting his time to the challenges of prefabricated architecture. His own house, which he designed as a prototype, is now considered a major development in prefab housing. Even though Jean Prouv has long been an influential force among modern designers, especially constructionally minded architects such as Norman Foster and Renzo Piano, and his vintage modern design has been sought after for years by connoisseurs and museums who specialize in modern design, his work has remained relatively unknown to the general design public. Recently, however, there has been a resurgence and his original modern design creations can be purchased at fine auction houses like Wright20.com. Vitra Germany also reissued some of his modern design under approval of the Jean Prouv estate.

LOGOT YPE//

The Prouv Formula

0 1 02 03 04 05 06

THE PROUV FORMUL A

We provide you with our formula on how to create our logotype. It is fairly simple and we must treat it nicely. Dont abuse the logo, and you wont get hurt.

45

PR OU V DE SI G N
PROUV DESIG N

PR O UV DES IGN

For spacing of the words, Prouv Design, use one an a half measurements of the upper case letter X between the lowest part of the symbol and where the type should go. This is the main logo used for both print and online.

TH E W O RK S//

07 0 8 09

10

11

12

THE WORKS
THE COLOR PALETTE TYPOGRAPHY CREATING PATTERNS PHOTOGRAPHY MATTERS

TH E W O RK S//

The Color Palette

07 0 8 09

10

11

12

THE CO LOR PALET TE

Our color palette is pretty simple. We chose colors that are neutral and help our brand remain sophisticated and functional, just as Prouv would have it. The circle graph to the right shows the breakdown of hierarchy in colors.

PROUV NAVY RGB: 46/48/146 CMYK: 99/97/4/1 HEX#: 2d3092

GRAY RGB: 129/130/133 CMYK: 52/43/41/6 HEX#: 818285

LIGHT GRAY RGB: 229/232/232 CMYK: 9/5/6/0 HEX#: e5e8e8

WHITE RGB: 225/225/225 CMYK: 0/0/0/0 HEX#: ffffff

TH E W O RK S//

Typography

07 0 8 09

10

11

12

T YPOGRAPHY
For typefaces on the web, we use Arial for PCs and Helvetica for Macs. Our corporate typeface for print is Brandon Grotesque. We use the complete family package: regular, italic, bold, and black for a clean and sophisticated look.

Aa
A R IA L// U SE S//
Bold, Regular Entire Family, Web Headings, 20-30px Body Text, 12 px

HE LV E TICA //
Bold, Regular

U SE S//

Entire Family, Web Headings, 20-30px Body Text, 12 px

Aa

TH E W O RK S//

Aa
Typography

13

14

15

16

17

18

BR A NDON G R OTE SQ UE//

Regular Italic

U SE S//

Introductions, 9/12pt Sub headers, 12/14pt Captions, 9/12pt Small Details, 8/12pt

Aa
BR A NDON G R OTE SQ UE//
Bold Italic

U SE S//

Headers, 60/80pt Quotes, 100/130/pt

Aa
BR A N DON G R OTE SQUE//
Bold

U SE S//

Titles, 16/24pt

Aa
BR A N DON G R OTE SQUE//
Regular

U SE S//

Main Body Text, 8/12pt

TH E W O RK S//

Creating Patterns

13

14

15

16

17

18

CREATING PAT TERNS

We dont use many, but we try to incorporate simple circular patterns because of the rounded edges of the furniture Prouv created. It helps to add a little depth. We also use the logotype as a small pattern in a row of three for decorative purposes.

TH E W O RK S//

Creating Patterns

13

14

15

16

17

18

LOGO PAT TERN

The Logo Pattern is used as an accent mainly for print design. However, it can be used for web if it is in a group of three and not heavily patterned.

01

First, measure half of the logo hotdog style using the rectangle tool. This will be used as our ruler for figuring out the spacing between each logo.

02

Now move the rectangle so that the top of the rectangle is aligned with the bottom left corner of the logo. Copy and paste the logo and align the top right corner of the new logo with the rectangle. Repeat once more.

03

Delete the rectangles and there you have your perfectly spaced logo pattern! Now you can resize the group into any size you want. Please keep in mind that it is only used to accent the design.

TH E W O RK S//

Creating Patterns

1 9 2 0 21 22 23 24

POLKADOT TED PAT TERN

The Polka-Dotted Pattern is a background for both print and web. It is based off of the circular window design that Jean Prouv is often pictured in front of.

01

Using Adobe Illustrator, open a new document about the size of 8.5 x 11 inches. Turn on and change both horizontal and vertical rulers to read in inches.

FAKE MINI DOCUMENT

02

Create a small ellipse with a diameter of about 0.15 inches and place it at the top left corner of the document. Copy and paste the same ellipse and place it directly parallel on the opposite corner of the document. Select the two ellipses and go to Object > Blend > Make. This will create your pattern for you without you having to break a sweat.

03

FAKE MINI DOCUMENT

04

To edit the blend into a pattern, select Object > Blend > Blend Options. From the pop-up menu, change the dropdown menu to Specified Distance. Here you will add the amount of dots there will be in the line. You may have to mess around with it, but what you want is for every dot to be about half an inch apart.

05

Once you have the basic line of half inch spaced dots, then you can select the line, copy and paste in place, and move it a half inch down.

FAKE MINI DOCUMENT

07

The rest is easy as pie! Continue to copy and paste the line of dots with half inch of spacing from each row.

FAKE MINI DOCUMENT

It should only be in the light gray color and look as if it were faded into the background. It should give a technical and mathematical feel to the design.

TH E W O RK S//

Photography Matters

19 2 0 21 22 23 24

PHOTOGRAPHY MAT TERS

TH E W O RK S//

Photography Matters

19 2 0 21 22 23 24

PHOTOGRAPHY MAT TERS

Photographs should be either grayscale or edited with the simple Prouv Navy overlay to complete the brand identity. The grayscale helps with mixing a variety of photos from different time frames.

01

Open the image in Photoshop.

02

Desaturate the image by going to Image > adjustments > desaturate.

03

For the colored part, create a new layer by using the dropdown menu Layer > New > Layer or use the shortcut for macs shift + command + N. Fill this new layer with the Prouv Navy.

04

Make sure the layer is on top of the photo. To add the effect, use the Effects drop menu on the Layers panel and change to the Lighten effect.

05

Flatten the image using Layer > Flattening. Save image as .jpeg or any other kind of file needed.

TH E SY S TEM //

THE SYSTEM
The System includes the ins and outs of setting up business letterheads, placement of logos, patterns, photographs, and more!

IF PEO DERST THE RE TO EX IF THE THE RE EXPL A

2 5 2 6 27 28 29 30

OPLE UNTAND, ES NO NEED PL AIN. EY DONT, ES NO USE AINING.

TH E SY S TEM //

Letterhead

2 5 2 6 27 28 29 30

LET TERHEAD
The letterhead is very important in sharing your message professionally on paper and online. Read below for the correct measurements and details on typography. A Align the right of the logo/pattern 2.5 inches from the left side of the page. The contact information should also be aligned with the logo. The logo is displayed in Prouv Navy. The contact information is typed in Brandon Grotesque Regular 8pt/12 pt and in the color gray. B Make sure that the bottom of the logo aligns at 2.25 inches down the page. Only half of the top Prouve icon should be visible. The message will be aligned to the left at 3.25 inches from the left side of the page. The main text is typed in Brandon Grotesque regular with Prouv Navy at 8pt/12pt. The typeface size may be altered as needed. The top of the text of the message and the contact information will be aligned 3.5 inches down the page. The letterhead should be printed on a gray 8.5 x 11 textured paper provided by the company.

8.5 inches 11 inches

P RO U V D ES I GN

Prouv Design Co. Studio 2, Fleischstr. 23 54290 Trier, Germany t +49 0176 538 2983 f +49 0176 382 9382 info@prouvedsg.com www.prouvedesign.com

Dear Sir or Madam, Lorem ipsum dolor sit amet, eu tale invenire eam, quo te ocurreret torquatos efficiendi. Mundi laudem consetetur ea ius, quas postea persequeris sea id. Vim dolores fastidii propriae te, quod euismod id vis. Quo autem nihil ne. Nec error dictas pertinax cu. Eros partem efficiantur no eum, id pri vidit denique accusata. Nonumy fabellas postulant eum cu. Et solum instructior vim, no eripuit nonumes delicata vim. Cu usu fugit utroque gloriatur. Detracto cotidieque delicatissimi vel ea, pro expetenda iracundia ea. Sed dolor tamquam id. In accusam convenire percipitur eam, nam ex oratio corrumpit, in duo mandamus oportere. Minim efficiantur sea te, novum dicant contentiones id quo, definitionem mediocritatem mel an. Ea mea ipsum efficiantur. In dicit intellegat vel, te mea tale deleniti. Nam quot facer an, ex mei nemore maluisset. Cu stet consequat qui. Sale fierent sententiae sed cu, velit aeterno ei mea. In vix viris conclusionemque, mel ea admodum epicuri adolescens, ad diceret lobortis sea. Doctus eruditi cotidieque his no. Eam ei fabellas dissentias, ex legimus efficiantur quo. Ex putant corpora consulatu pri. Amet animal his ei. Vel ne zril saperet accusamus, tale singulis sed cu. Nisl dolorum pro ex, cu summo euismod vivendum sit, docendi fabellas qui ex. Vis ei nostro nusquam insolens, in ignota scribentur vis. Bonorum legimus eam ei, te pro tota posse virtute. Ei porro euismod euripidis vis, ut sed ludus tritani posidonium, dolorem civibus neglegentur per et. An natum labores indoctum pro, et per quis munere. Nullam inimicus eum cu, mel no dolor deleniti. Ius modus phaedrum adversarium eu. Best regards,

Voranouth Supadulya, President CEO

Various papers used to print this letterhead are shown in the next pages. A C

TH E SY S TEM //

Letterhead

2 5 2 6 27 28 29 30

P ROUV D ESI GN

Prouv Design Co. Studio 2, Fleischstr. 23 54290 Trier, Germany t +49 0176 538 2983 f +49 0176 382 9382 info@prouvedsg.com www.prouvedesign.com

Dear Sir or Madam, Lorem ipsum dolor sit amet, eu tale invenire eam, quo te ocurreret torquatos efficiendi. Mundi laudem consetetur ea ius, quas postea persequeris sea id. Vim dolores fastidii propriae te, quod euismod id vis. Quo autem nihil ne. Nec error dictas pertinax cu. Eros partem efficiantur no eum, id pri vidit denique accusata. Nonumy fabellas postulant eum cu. Et solum instructior vim, no eripuit nonumes delicata vim. Cu usu fugit utroque gloriatur. Detracto cotidieque delicatissimi vel ea, pro expetenda iracundia ea. Sed dolor tamquam id. In accusam convenire percipitur eam, nam ex oratio corrumpit, in duo mandamus oportere. Minim efficiantur sea te, novum dicant contentiones id quo, definitionem mediocritatem mel an. Ea mea ipsum efficiantur. In dicit intellegat vel, te mea tale deleniti. Nam quot facer an, ex mei nemore maluisset. Cu stet consequat qui. Sale fierent sententiae sed cu, velit aeterno ei mea. In vix viris conclusionemque, mel ea admodum epicuri adolescens, ad diceret lobortis sea. Doctus eruditi cotidieque his no. Eam ei fabellas dissentias, ex legimus efficiantur quo. Ex putant corpora consulatu pri. Amet animal his ei. Vel ne zril saperet accusamus, tale singulis sed cu. Nisl dolorum pro ex, cu summo euismod vivendum sit, docendi fabellas qui ex. Vis ei nostro nusquam insolens, in ignota scribentur vis. Bonorum legimus eam ei, te pro tota posse virtute. Ei porro euismod euripidis vis, ut sed ludus tritani posidonium, dolorem civibus neglegentur per et. An natum labores indoctum pro, et per quis munere. Nullam inimicus eum cu, mel no dolor deleniti. Ius modus phaedrum adversarium eu. Best regards,

Voranouth Supadulya, President CEO

One variation of the letterhead is to be printed on a white background.

P R O U V DE SI G N

Prouv Design Co. Studio 2, Fleischstr. 23 54290 Trier, Germany t +49 0176 538 2983 f +49 0176 382 9382 info@prouvedsg.com www.prouvedesign.com

Dear Sir or Madam, Lorem ipsum dolor sit amet, eu tale invenire eam, quo te ocurreret torquatos efficiendi. Mundi laudem consetetur ea ius, quas postea persequeris sea id. Vim dolores fastidii propriae te, quod euismod id vis. Quo autem nihil ne. Nec error dictas pertinax cu. Eros partem efficiantur no eum, id pri vidit denique accusata. Nonumy fabellas postulant eum cu. Et solum instructior vim, no eripuit nonumes delicata vim. Cu usu fugit utroque gloriatur. Detracto cotidieque delicatissimi vel ea, pro expetenda iracundia ea. Sed dolor tamquam id. In accusam convenire percipitur eam, nam ex oratio corrumpit, in duo mandamus oportere. Minim efficiantur sea te, novum dicant contentiones id quo, definitionem mediocritatem mel an. Ea mea ipsum efficiantur. In dicit intellegat vel, te mea tale deleniti. Nam quot facer an, ex mei nemore maluisset. Cu stet consequat qui. Sale fierent sententiae sed cu, velit aeterno ei mea. In vix viris conclusionemque, mel ea admodum epicuri adolescens, ad diceret lobortis sea. Doctus eruditi cotidieque his no. Eam ei fabellas dissentias, ex legimus efficiantur quo. Ex putant corpora consulatu pri. Amet animal his ei. Vel ne zril saperet accusamus, tale singulis sed cu. Nisl dolorum pro ex, cu summo euismod vivendum sit, docendi fabellas qui ex. Vis ei nostro nusquam insolens, in ignota scribentur vis. Bonorum legimus eam ei, te pro tota posse virtute. Ei porro euismod euripidis vis, ut sed ludus tritani posidonium, dolorem civibus neglegentur per et. An natum labores indoctum pro, et per quis munere. Nullam inimicus eum cu, mel no dolor deleniti. Ius modus phaedrum adversarium eu. Best regards,

Voranouth Supadulya, President CEO

Another variation can be printed on our Prouve Blue bordered letterhead stationary.

TH E SY S TEM //

Envelope Design

31 32 3 3 34 35 36

ENVELOPE DESIGN
The envelope is the first contact our client will have with our message. In order to separate our mail from the junk, make sure that the envelope stands out. A Align the left of the logo/pattern 0.5 inches from the left side of the page. The contact information should also be aligned with the logo. The logo is displayed in Prouv Navy. The contact information is typed in Brandon Grotesque Regular 8pt/12 pt and in the color gray. The envelope is made from a light gray stationary. B Make sure that the bottom of the logo aligns at 1.9 inches down the envelope. Only half of the top Prouve icon should be visible. The contact information will be aligned at 2.25 inches from the top of the envelope. The addressee will be aligned with the top of the contact information. It will also be left aligned 3.5 inches from the left side of the envelope. The addressee line can either be typed or hand written. If typed, it will be in the same type style used as the contact information. However, it can also be typed in a larger pt such as 9pt/14pt. The inside detail of the envelope is Prouv Navy with the polka dotted pattern. The folded flap of the envelope is a solid Prouv Navy to give the envelope a pop of color.

8.65 inches

4.35 inches

PRO UV DE SI GN

B C

Prouv Design Co.

Studio 2, Fleischstr. 23 54290 Trier, Germany

TH E SY S TEM //

Heres My Card

31 32 33 34 35 36

HERES MY CARD
The business card is extremely important for clients and others to know who we are and how to contact us. It is an easy way to be remembered. The patterned part of the card will have Prouv Design placed 3.18 inches down the card. Please keep it centered. The business card will have rounded corners. On the front of the card (where pattern and logo are) the rounded edges will be on the bottom left and upper right corners. B For the right part of the logo pattern, align the bottom-most part of the logo 2.6 inches down the card and aligned at 1.05 inches from the left side. For the left part of the logo pattern, align the bottom-most part of the logo pattern 2.12 inches down the card and aligned at 0.97 inches from the left side. On the other side of the card, all text will be aligned 0.34 inches from the left side of the card. The top of your name will be aligned 1.3 inches down the card. The typeface will be Brandon Grotesque bold in Prouv Navy at 9pt/12pt in all caps. F The top of your status/job in the company will be aligned 1.69 inches down the card. The typeface will be Brandon Grotesque regular italics in gray at 6pt/9pt in all lowercase letters. G Your address aligns at 2.35 inches down the card. The typeface of the company will be all caps in Brandon Grotesque medium, while the rest of the address will normal case regular in gray at 6pt/10pt. Finally, your phone number and email will be aligned 2.9 inches down the card. The typeface for this will be the same as the normal address typeface/size and color. A

2 inches

3.5 inches C B A

PROUV DESIGN

P R O UV D E SIG N

2 inches

3.5 inches E F

Voranouth Supadulya
general manager

Prouv Design Studio 2, Fleischstr. 23 54290 Trier, Germany t +49 0176 538 2983 vora@prouvedsg.com

P R O UV D E SIG N
The business card comes in three different colors and your chocie depends on you.

FI NAL WO RDS//

Prouv Team

31 32 33 34 35 36

PROUV TEAM
These guidelines are for your professional use only. The foundation of our brand celebrates the designs of Jean Prouv and we hope to keep the brand concise, clean, and functional. Thank you and continue the great work.

NOW GO OUT INTO THE WORLD AND SPREAD THE INFLUENCE OF PROUV'S DESIGN.