Identity Guide

12

34

56

typefaceslogo / name

graphic elementscolour specifications

magazine templatecreative categories

Identity Poster – Major ProjectPhilipp CondrauPlatform Corporate Typeface

"Hi, I am21 years oldand the mainbody textfor themagazine."

Adobe Caslon Pro Regular – 60pt/72pt

Adobe Caslon Pro Italic – 60pt/72pt

Adobe Caslon Pro Semibold – 60pt/72pt

Adobe Caslon Pro Semibold Italic – 60pt/72pt

Adobe Caslon Pro Bold – 60pt/72pt

Adobe Caslon Pro Bold Italic – 60pt/72pt

Identity Poster – Major ProjectPhilipp Condrau

Platform Corporate Typeface

“GENIUSIS 1 PERCENTINSPIRATIONAND 99 PERCENTPERSPIRATION.”

– Thomas Edison

DIN Light – 60pt/72pt

DIN Light – 10pt/12pt

DIN Regular – 60pt/72pt

DIN Regular – 10pt/12pt

DIN Medium – 60pt/72pt

DIN Medium – 10pt/12pt

DIN Bold – 60pt/72pt

DIN Bold – 10pt/12pt

DIN Black – 60pt/72pt

DIN Black – 10pt/12pt

DIN, an acronym for the German Deutsches Institut für Normung (German Institute for Standardization), and the name of an increasingly large realist sans-serif typeface family. In 1936 the German Standard Committee selected DIN 1451 as the standard typeface for use in the areas of engineering, technology, traffic, administration and busi-ness. Among the other recommendations adopted by this committee was an early precursor to the typographic grid.

The earliest version of a DIN typeface was released by the D Stempel AG foundry in 1923. Stempel’s design was based on a 1905 typeface for the Königlich Preußische Eisen-bahn-Verwaltung (Royal Prussian Railway Administration) and was applied mostly to schematics and blueprints. This version later became the basis for DIN-Engschrift (Con-densed). In 1929, the Berthold foundry released a version, and it, too, was used mostly for technical drawings. Both of the early DIN typefaces were made available as letter-ing templates cut from an acetate material for drafting use. Both of the earliest DIN typefaces were used primar-ily in oblique form.

Popularity grew rapidly, once the DIN typeface was ad-opted. The most widely-used of the DIN-1451 group was DIN-Mittelschrift (Medium). It was released as a metal type, as acetate stencils for smaller applications, as larg-er metal stencils for application to vehicles and in train yards, and as cast metal lettering for street and building signage. Polish and Cyrillic variants of the face were de-veloped in the 1940s.

Though Bauhaus used a DIN-inspired logo in catalogs and in a periodical during the 1930s, DIN did not become pop-ular in print until the 1960s. The transferable-lettering-sheet company, Letraset made several variants available in the 1970s. By the late 1980’s, use of DIN typefaces were appearing in European and North American graphics work. In 1995, Dutch typeface designer Albert-Jan Pool drew a multi-weight version, eventually licensing it to Font-Shop International as FF DIN. The FF DIN family, unlike DIN 1451, uses simplified-standard weight names.

1234567890.:,=+(){}[]%!?§ £$¥


Grid Variations (graphic Element)

spine |spīn|noun1 a series of vertebrae extending from the skull to the small of the back, enclosing the spinal cord and providing support for the thorax and abdomen; the backbone.• figurative a thing's central feature or main source of strength : players who will form the spine of our team.• figurative resolution or strength of character.• the part of a book's jacket or cover that encloses the inner edges of the pages, facing outward when the book is on a shelf and typically bearing the title and the author's name.

2 Zoology & Botany any hard pointed defensive projection or structure, such as a prickle of a hedgehog, a spikelike projection on a sea urchin, a sharp ray in a fish's fin, or a spike on the stem of a plant.

spined adjective [in combination ] : broken-spined paperbacks.ORIGIN late Middle English : shortening of Old French espine, or from Latin spina ‘thorn, prickle, backbone.’

Creative students and Professionals – Platform for Publishing

A magazine's spine: The pages come together at the spine. The spine holds different articles, thoughts and pieces of work together.

Identity Poster – Major ProjectPhilipp CondrauGraphic Elements

Visible Grids, used as graphic element to represent an important aspect of editorial design, aswell as networking, exchange.




Button Example

Categorie 1

Categorie 2

Button Example

Article 1 Graphic Design / Typography

Symbols for userfriendly and simple interfaceactions, areas, not for categories.

Example Drop down Button

£

Nam quos maio officiis siti ommolup taturectum quos et quibus, sita nis cus saerum ut autem labo. Nam quidere nus antet aliquo maiost qui doluptaspero tem reiur? Quis aut remporum id evendel loreic tem reic temquas serunt rem faccust, cus quia volest arcimpo reperrumqui blanimpossit quid que siminctore nimus.Modis nobis nam, comnihilitae dollabor saecupt asitectios magnieni dolupti onsecepudam quis estions ectiis as exernam et maximossi ideliquia que mi, quasperio. Ebis voluptius non rem raepro cone re nonsecta culparum, odis aces dolesti sit, temporem. Itatecum quaeperibus qui optiur?Equiscim et, nonsectio. Cus enihicti imoles ex-plaborrunt lacepedi is venihil itatem aut quibus-dam, sunt ut ad quis quam quisqui con nonse-quas doluptur alisseceatem vit exceaque pliat ea volupicati apis velessit, cust pedit escienim quid mo volorias imus adipitia qui ditium arum eaquide nistio berferibus alis aut alicipsum es conse ma earum qui si nam, sunt est modia di consequi dissit ex eliti net repererum, cum qui que pligent estiis explandisque dolecum evenien diasseculpa nus, il estrum archica borehendist faccati orectur? Quia dest, qui volupit volore-modit et fuga. At illesti busdaerumqui conse-quo corrovi tatem. Ecae prepuditatur re vollacc usapic te nonsentium harum, cum etur, occus, net essi dust, sequi id magnis a num hitasin vel-lorio. Ant es alitios ditiur?


Identity Poster – Major ProjectPhilipp CondrauColour Specifications

Primary Colours

Students/Graduates

Professionals/Studios


Colour Specifications

C: 0M: 0Y: 0K: 100

R: 0G: 0B: 0

Pantone Solid: 179 M

C: 0M: 79Y: 100K: 0

R: 241G: 93B: 34

Pantone Solid: 307 M

C: 100M: 16Y: 0K: 27

R: 0G: 120B: 174


Magazine template

Grids based on the symetrical grids (see graphic elements)Jan Tschicholds page Layout.

2-7 column grids, with baseline grid 10.8

Identity Poster – Major ProjectPhilipp CondrauMagazine template

Ur sant omnienis aut que consentint antem nonsequo eatiatur maiorem-pore pratem quossi de magnihil experio rehendebis ese rem aut maxi-met dolorerum, quat. On rehenit quiae et parciis disci dit, omnihit iniscit que cus, odiatio optati sa essit, cusam volorectus sincien ietur?

Ur sant omnienis aut que consentint antem nonsequo eatiatur maiorempore pratem quossi de magnihil experio rehendebis ese rem aut maximet dolorerum, quat. On rehenit quiae et parciis disci dit, omnihit iniscit que cus, odiatio optati sa essit, cusam volorectus sincien ietur? Faceperaecus voluptae. Berum qui sandi inullor aute verum rem que nus, officta doluptia com-nimu sciurent, ut volupitatis alit ad quo dion pratemolupta pero cullaboriae vernam labor-rum am, acera cusam, sinustem qui sequamus am nissim is dis volorro volupta erentiis elibus mo maio id moluptaqui occae dolore, optatur aut as assimi, coribus, conemquis et dolo con-seque etum fuga. It imodign ihicitiis dempore proreperion nonsect iscidempost eatquia porro es mil eos dolut que nos accus dit quam eostisi dolescia voluptus sequo magnis dolor millabo risqui atur accabor ibeatatenem consece ssi-moss iminis dolupta turitiorro maximinvent il enimustio que num eum, cuptatiantur mincidus aut fuga. Harum quassi necea volorem ut reped evelecum velis dolloratem aut officias alit eium dunt earum late sit enihic tem quata nobit aut laborpo reperia des quae verchic iderum volup-tatibus inullor eperspe runturi denisit quistrum velibus reperspid qui duciam velis quatur aut fu-git aut fuga. Mus vollaut quae. Nemolupta non nonsequo il mo cuptasiminto eatur sam idus-cid ererchit alit lamet pos aliquiae. Nequi vol-

oreri dolore, inimus. Tatemporum quataquidit, que quibus aut vellabo rrorrum hil magnam is quia pa quia volestiae. Itatem quunderis maios-sit, iunda sedis del issi dolorit intust, quiat et quissitia aut volesecae. Uptur? Lenitatius et laboratiorro ersped quasi temperuntur, esti tem sunt veliquiae eosanimusda solor restis nes sum iliat laboris es simodipsant et por aligent, que et quodi blacita cus ea dignam quo verion pero ium et est perum ernatempos sae sit que latem-por moditas maiosapit, consed modissincia idit quametur simagni occus aut aute laborem iunt aut et essusa veligen temporenima volorum ea nimodis elit, cullest ut et mint, num, tem erum quo ommolorro mi, officient perspere illignat.Rio con et dolorecusda doluptatium qui cus resequibus alitatur reium, omni bea is maio-rumquam re occulpa venim doluptio dolent hitiati oreprore, nonseditibus sintis andebis sitiunt iossim ullitis dundici pistem qui unt landandam quiame landuciet et la quia solorec temque ate volore necteni hillaut elendebis pa nus consequam, totaquiaes quam voluptati con-sequas velestr.

InfoName:What?Where?

Gra

phic

Des

ign

Graphic D

esignG

raph

ic D

esig

n

Graphic D

esign


Magazine template

Create Students’ & Professionals’ pages bound together.

GRAPHIC DESIGNEDITORIAL DESIGN

TYPOGRAPGHYILLUSTRATIONCOMIC

ANIMATION

MUSICMINIMAL MUSIC STEFAN SAGMEISTER

SCOTT BELSKY


AcademiaAdvertisingAnimationArchitectureArt DirectionAutomotiveBloggingBrandingCalligraphyCaricatureCarpentryCartooningCeramicsCharacter DesignChoreographyCinematographyClaymationComedyComputer AnimationConfectionary ArtsConsultingCopywritingCostume DesignCraftsCreative DirectionCulinary AlchemyCulinary ArtsDJingDanceDesignDigital ArtDigital ImagingDigital PhotographyDirectingDocumentaryDrawingEditingEditorial DesignEngineeringEnology (Wines)EntrepreneurshipExhibition DesignFashionFilmFine ArtsFurniture DesignGame DesignGlass BlowingGraffiti ArtsGraphic DesignHair StylingIce SculptingIcon DesignIllustrationIndustrial DesignInformation ArchitectureInstallation DesignInteraction DesignInterior DesignJewelry DesignJournalismLandscape ArchitectureLeather WorkingLighting DesignMachinimaMagicMakeup ArtsMarketingMasonryMetal WorkingMillineryMotion GraphicsMultimediaMusicMusic CompositionMusic ProductionOrigamiPackage DesignPaintingPattern Design

123456789

1011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980

81828384858687888990919293949596979899

100101102103104105106107108109110111112113114115116117118119120121122123124125126127

Performing ArtsPerfumeryPhilanthropyPhilosophyPhoto IllustrationPhoto ManipulationPhotographyPhotojournalismPlaywritingPodcastingPoetryPrint DesignProduct DesignProductionProgrammingPublishingPuppetryRetouchingScreenwritingSculptingSet DesignSingingSoftware ArchitectureSongwritingSound DesignStoryboardingStorytellingStreet ArtStylingTelevisionTextile DesignTheaterToy DesignTypographyUrbanismUser Interface DesignVideo ArtsVideo BloggingVideo Game DesignVideo JockeyVirtual World DesignVisual ArtsVisual EffectsWeb DesignWeb DevelopmentWood WorkingWriting


Grid Variations (graphic Element)

Documents

Identity Guide