You are on page 1of 94

Typography Workshop

PURPOSE OF WORKSHOP
TYPOGRAPHY WORKSHOP 1

Modernist typography
and the swiss grid

2 October 2013 1
15 Foster St, Surry Hills NSW 2010 Sydney Australia +61 (0) 2 9280 4233 Proprietary and confidential information ©Frost* 2013

Typography Workshop
MY BACKGROUND

1982 – 1985
BA Degree Visual Communication at Sydney College of the Arts
1986
Davis Madden Advertising Junior Art Director
1987 – 2003
Emery Vincent Design Junior to Senior Designer
2004 – 2005
Emery Frost Design Director
November 2005 – 2012
Frost Design Partner / Design Director
November 2012 – Present
Frost Design Partner / Head of Environments

2 October 2013 2

Typography Workshop
PURPOSE OF WORKSHOP

To provide some insights
into the basics of
modernist typography
and the effective use of
the swiss grid system.

2 October 2013 3

Typography Workshop The letter 2 October 2013 4 .

1050 BCE – The first phonetic alphabet 2 October 2013 5 .Typography Workshop 1 THE ORIGINS OF OUR ALPHABET THE PHOENICIANS c.

800 BCE 2 October 2013 6 .Typography Workshop 1 THE ORIGINS OF OUR ALPHABET THE ANCIENT GREEK ALPHABET c.

700 BCE 2 October 2013 7 .Typography Workshop 1 THE ORIGINS OF OUR ALPHABET ROMAN ALPHABET c.

Typography Workshop LETTER CONSTRUCTION GRID EMPLOYING CLASSIC PROPORTIONS 2 October 2013 8 .

Typography Workshop LETTER CONSTRUCTION GRID EMPLOYING CLASSIC PROPORTIONS 2 October 2013 9 .

Typography Workshop 1 GUTENBURG’S BIBLE c.1450 – The first major book printed with movable type in the West 2 October 2013 10 .

Typography Workshop THE ANATOMY OF A TYPEFACE Crossbar Ascender Cap Height Stem Terminal Ear Bowl Eye Shoulder Meanline X Height Baseline Bracket Counter Link/Neck Axis Overshoot Aperture Descender Loop/Lobe Tail 2 October 2013 11 .

Typography Workshop UNITY OF DESIGN IN THE TYPE FONT 2 October 2013 12 .

Typography Workshop TYPE STYLES Serif Times New Roman Sans Serif Akzidenz Grotesk Slab Serif Archer Display Rosewood Script Edwardian Script Monospace OCR 2 October 2013 13 .

Typography Workshop HOW TO SELECT A TYPEFACE http://inspirationlab.com/2010/04/16/so-you-need-a-typeface/ 2 October 2013 14 .wordpress.

Typography Workshop MODERNISTS PREFER SANS SERIF TYPE STYLES Preferred Grotesques Akzidenz Grotesk Preferred Neo Grotesques Helvetica Geometrics Avant Garde Humanistic Meta 2 October 2013 15 .

commercialisation. exploitation and cheapness 2 October 2013 16 . – It was developed to combat all the wrongs developed by industrialistion during the 19th century – It was a commitment against greed.Typography Workshop WHAT IS MODERNIST TYPOGRAPHY? – Is a ideological approach to typography that had its origin in Europe in the first and second decade of the 20th century.

Typography Workshop THE MODERNIST TYPOGRAPHIC MOVEMENT WAS A REVOLT AGAINST THE OVERLY DECORATIVE 19TH CENTURY APPROACH 2 October 2013 17 .

Typography Workshop CHARACTERISTICS OF MODERNIST TYPOGRAPHY – Priority is to be given to function – Rational principles are essential – A preference for Grotesque or Neo Grotesque typefaces over types modelled on earlier forms. – A dislike of decoration – A preference for sans serif type over type with serifs – A preference for asymmetric layouts and grids over traditional centered arrangements – A preference for the honestly industrial over the handmade – Use of negative space 2 October 2013 18 .

Typography Workshop WHERE DID IT ALL START? ITALIAN FUTURISM 1909–1916 FILIPPO MARINETTI “I call for a typographic revolution directed against the idiotic and outdated concepts of the conventional book.” 2 October 2013 19 .

Typography Workshop WHERE DID IT ALL START? DUTCH DE STIJL 1917–1931 2 October 2013 20 .

everyday familiar objects must be shown with totally unexpected perspectives.” Alexander Rodchenko 2 October 2013 El Lissitzky 21 .Typography Workshop WHERE DID IT ALL START? RUSSIAN CONSTRUCTIVISM 1919-1922 ALEXANDER RODCHENKO “In order to educate man to a new longing.

” László Moholy-Nagy Herbert Bayer 2 October 2013 22 .Typography Workshop WHERE DID IT ALL START? THE BAUHAUS 1919-1933 LÁSZLÓ MOHOLY-NAGY “Designing is not a profession but an attitude.

2 October 2013 23 .” Jan Tschichold codified the principles of modern typography in his 1928 book.Typography Workshop WHERE DID IT ALL START? JAN TSCHICHOLD “The essence of the New Typography is clarity. New Typography.

Typography Workshop THE PIONEERS OF MODERNIST TYPOGRAPHY (also called the International Typographic Style) JOSEF MÜLLER-BROCKMANN ARMIN HOFMANN EMIL RUDER MAX BILL 2 October 2013 24 .

Typography Workshop JOSEF MÜLLER-BROCKMANN JOSEF MÜLLER- BROCKMANN “Reduction of content can make all the difference in the outcome of a design.” 2 October 2013 25 .

Typography Workshop ARMIN HOFMANN ARMIN HOFMANN “There should be no separation between spontaneous work with an emotional tone and work directed by the intellect.” 2 October 2013 26 .

Typography Workshop EMIL RUDER EMIL RUDER “Typography has one plain duty before it and that is to convey information in writing.” 2 October 2013 27 .

” 2 October 2013 28 . Typography Workshop MAX BILL MAX BILL “It is possible to develop an art largely on the basis of mathematical thinking.

Typography Workshop The word 2 October 2013 29 .

Poorly kerned word Too open here Too tight here The kerning game http://type.ac/ 2 October 2013 30 .Typography Workshop KERNING By adjusting the spacing between characters in the word. we achieve a visually pleasing result.method.

ac/ 2 October 2013 31 .method. we achieve a visually pleasing result. The kerning game http://type.Typography Workshop KERNING By adjusting the spacing between characters in the word.

Typography Workshop KERNING By adjusting the spacing between characters in the word.ac/ 2 October 2013 32 . Correctly kerned word The kerning game http://type.method. we achieve a visually pleasing result.

Typography Workshop KERNING IS ABOUT EQUAL PERCEIVED SPACE The spacing should get progressively less.paper-leaf. Tip 1 Space between Space between Space between straight-to-straight rounded-to-straight rounded-to-rounded letters letters letters http://www.com/blog/2012/05/how-to-kern-properly-essential-tips-resources/ 2 October 2013 33 .

net/articles/typography/8-simple-and-useful-tips-for-kerning-type/ 2 October 2013 34 .Typography Workshop KERN THE WORD UPSIDE DOWN Tip 2 http://designshack.

Typography Workshop KERN IN THREE LETTER BLOCKS Tip 3 http://www.paper-leaf.com/blog/2012/05/how-to-kern-properly-essential-tips-resources/ 2 October 2013 35 .

Typography Workshop KERNING PAIRS Pairs of letters with the spacing already adjusted for best visual appearance so that manual kerning of headlines and subheads is unnecessary. Tip 4 Watch kerning after characters with overhangs http://desktoppub.about.htm 2 October 2013 36 .com/od/glossary/g/Kerning-Pairs.

Typography Workshop ALWAYS KERN THE SPACE AFTER A ‘1’ Tip 5 2 October 2013 37 .

Type TRACKING 2 October 2013 38 .Typography Workshop TRACKING The uniform spacing between all the letters in a given selection of text.

Typography Workshop LIGATURES Special characters that are two letters or more combined into one. Waffle With ligatures Waffle Without ligatures 2 October 2013 39 . The are designed to allow letters to flow together more gracefully.

Oldstyle figures harmonise well with lowercase letters and help keep the numbers from standing out too much. some below.Typography Workshop OLD STYLE NUMBERS V LINING NUMBERS Numbers that have different heights. 1984 year Old style numbers 1984 year Lining numbers 2 October 2013 40 . some aligning to the baseline.

Typography Workshop SET NUMERALS AND GROUPS OF INITIALS AT A SMALLER SIZE TO BETTER INTEGRATE WITH THE TEXT Tip 5 2 October 2013 41 .

SELECT A TYPE FAMILY WHICH HAS A LEAST 3 WEIGHTS. Tip 6 2 October 2013 42 .Typography Workshop WHEN SETTING A MULTI-PAGE DOCUMENT.

Typography Workshop 1 ADJUST WORD SPACING Dimensionally equal word spacing Tip 7 Optical word spacing 2 October 2013 43 .

shorter ascenders and decenders.Typography Workshop ADJUST LEADING ACCORDING TO THE SPECIFIC DESIGN OF A TYPEFACE Tip 8 Futura has proportionately Helvetica has proportionately longer ascenders and decenders. Proportion of ‘x’ height to Cap height Helvetica is designed to be set tightly. is greater in Futura than Helvetica 2 October 2013 44 .

Typography Workshop USE SMART APOSTROPHES Tip 9 Smart Dumb 2 October 2013 45 .

Typography Workshop USE SMART QUOTES Tip 10 “Smart” When using quotes remember “66” and “99”. "Dumb" 2 October 2013 46 .

Typography Workshop BASELINE SHIFT PARENTHESIS Tip 11 2 October 2013 47 .

Typography Workshop The column 2 October 2013 48 .

CAPThe HEIGHT space between lines is CAProughly HEIGHT equivalent to the cap CAPheight HEIGHTof the text. HEIGHT 120% greater than text.Typography Workshop OPTIMUM LEADING FOR GROTESQUES Optimum leading should be Tip 12 CAPmax. CAPThis HEIGHT text is set in 10pt on CAP12pt HEIGHT leading. 2 October 2013 49 .

Typography Workshop OPTIMUM COLUMN WIDTHS Tip 13 2 October 2013 50 .

Typography Workshop HOW TO ACHIEVE VISUAL ALIGNMENT 2 October 2013 51 .

PUNCTUATION AND NUMBERED LISTS TO ACHIEVE VISUAL ALIGNMENT Tip 14 2 October 2013 52 .Typography Workshop HANG BULLETED POINTS.

Typography Workshop LINE ENDINGS Tip 15 2 October 2013 53 .

voloritae. Il idellaut Ibus. sim re quiste debis nobis et et etur. cullic tem autem. Maios ma auta volut facipsam eturem nisitate ipsuntiorum con perum. simet expe eum debit fugitate es molumenis eium venest qui tet debis si deliquia imi. que mo est am et incienimus vendicipsa dolest. Iciis vel eos nem. Hari aut que nonsed exerum hilicae non niminctem cus.Typography Workshop WHAT IS A WIDOW? A paragraph-ending line that falls at the beginning of the following page or column. Les inusdam volupta sperum facernat mosapel iquidignis entissin peribus et Re. core esto volo quiaesequi at erciet volenet lis dolorro earuptiunto laboruptaes alicitasse verum nest. oriones inverest et lat. quiae essecatin ressitio veniminis dellorp conseni hilibus conetur sundit. Nemposse nihicid ut explabo remporp orunt. nest rae eris excepud iatam. omnihitatet acia volupta et. Et pratur ad que plaut re liquia plias dolupita nihictem 2 October 2013 54 . ut eturibust. arum quamus is ut omnienimet il ilibusamet rectur aceriossit. rem eatae cusaecepel maios sa delignis cuptati onsedis et ut adis aborem aditatu sanihillant. iderspercit Doluptatur moluptaquas illam latemquo rentendae el incidesse occulpa escia blandit arumque parum nonsequ iatquis volessendis eum nit quunt.

Doluptatur moluptaquas illam latemquo 2 October 2013 55 . eturem nisitate ipsuntiorum con perum. essecatin ressitio veniminis dellorp oriones inverest et lat. Maios ma auta volut facipsam omnihitatet acia volupta et. Hari aut que nonsed exerum hilicae non blandit arumque parum nonsequ iatquis nest rae eris excepud iatam. Nemposse nihicid ut explabo at erciet volenet lis dolorro earuptiunto remporp orunt. core esto volo quiaesequi ilibusamet rectur aceriossit. simet expe laboruptaes alicitasse verum nest. ut eturibust. Il idellaut Re. que mo est am et volessendis eum nit quunt. cullic tem autem. iderspercit rem eatae cusaecepel maios sa delignis rentendae el incidesse occulpa escia aditatu sanihillant.Typography Workshop WHAT’S AN ORPHAN? A paragraph-opening line that appears by itself at the bottom of a page or column. cuptati onsedis et ut adis aborem Les inusdam volupta sperum facernat incienimus vendicipsa dolest. sim re mosapel iquidignis entissin peribus et voloritae. eos nem. Iciis vel quiste debis nobis et et etur. quiae venest qui tet debis si deliquia conseni hilibus conetur sundit. Ibus. arum quamus is ut omnienimet il eum debit fugitate es molumenis eium imi.

the same we try to achieve variations in widths. varying them column on a page should be shorter than the column on a page should be shorter than the from short to long. the same applies to column lengths. applies to column lengths. to long. the same applies to from short to long.Typography Workshop ALTERNATE THE LENGTH OF COLUMNS As with line endings where we try to achieve Alternate the lengths of columns. Ideally the first column on a we try to achieve variations in widths. As with line endings where to column lengths. Ideally the first Alternate the lengths of columns. following. As with line endings where we try to Ideally the first column on a page should achieve variations in widths. As with line endings where column lengths. the same page should be shorter than the following. As with line endings where following. varying them Tip 16 variations in widths. applies to column lengths. the same page should be shorter than the following. Alternate the lengths of columns. As with line endings where we try to Alternate the lengths of columns. Ideally the first coulmn on a we try to achieve variations in widths. Ideally the first column on a page should be shorter than the following. 2 October 2013 56 . varying them from short to long. Alternate the to column lengths. varying them from short to long. Ideally the first column on lengths of columns. the same varying them from short to long. As with line endings where from short to long. varying them Alternate the lengths of columns. varying them from short a page should be shorter than the following. Ideally the first applies to column lengths. Ideally the first column on a page should be shorter than the following. we try to achieve variations in widths. Alternate the lengths of columns. Alternate the lengths of columns. the same applies from short to long. the same applies be shorter than the following. applies to column lengths. varying them achieve variations in widths. As with line endings where we try to achieve variations in widths.

Alternate the lengths of columns. the same same applies to column lengths. than the following. should be shorter than the following. applies to column lengths. Ideally the Ideally the first column on a page first column on a page should be shorter should be shorter than the following. Alternate the lengths Alternate the lengths of columns. Ideally the first column on a page Ideally the first column on a page should be shorter than the following. should be shorter than the following. the the same applies to column lengths. the achieve variations in widths. 2 October 2013 57 . Ideally the first same applies to column lengths. the to column lengths. As with line endings where As with line endings where we try we try to achieve variations in widths. same applies to column lengths. As varying them from short to long. the same applies to achieve variations in widths. of columns. Alternate the lengths of columns. to long. to achieve variations in widths.Typography Workshop FLUSH LEFT VS JUSTIFIED SETTING Flush left setting Justified setting As with line endings where we try As with line endings where we try to to achieve variations in widths. column on a page should be shorter Ideally the first column on a page than the following. varying them from short varying them from short to long. with line endings where we try to achieve As with line endings where we try variations in widths. varying them from short to long.

the same applies to column lengths. Alternate the lengths of columns. varying them from short to long. the to column lengths. varying them from short Rivers varying them from short to long. Ideally the first same applies to column lengths. the same applies to achieve variations in widths. column on a page should be shorter Ideally the first column on a page than the following. to long. the same applies to column lengths. with line endings where we try to achieve spaces As with line endings where we try variations in widths. the the same applies to column lengths. achieve variations in widths. Ideally the first column on a page Ideally the first column on a page should be shorter than the following. As word varying them from short to long. 2 October 2013 58 . should be shorter than the following. Uneven Alternate the lengths of columns. same applies to column lengths. As with line endings where As with line endings where we try we try to achieve variations in widths.Typography Workshop FLUSH LEFT VS JUSTIFIED Modernist typographers prefer flush left setting Flush left setting Justified setting As with line endings where we try As with line endings where we try to Tip 17 to achieve variations in widths. to achieve variations in widths. than the following. Ideally the Ideally the first column on a page first column on a page should be shorter should be shorter than the following. Alternate the lengths Alternate the lengths of columns. of columns. should be shorter than the following.

Typography Workshop FLUSH LEFT RAGGED RIGHT Tip 18 2 October 2013 59 .

As with line endings where we try As with line endings where we try Tip 19 to achieve variations in widths. Alternate the lengths of columns. the to achieve variations in widths. As with line endings where we try As with line endings where we try to achieve variations in widths. Ideally the first column on a page Ideally the first column on a page should be shorter than the following. should be shorter than the following. varying them from short to long. varying them from short to long. to achieve variations in widths. Ideally the first column on a page Ideally the first column on a page should be shorter than the following. 2 October 2013 60 . As with line endings where we try As with line endings where we try to achieve variations in widths. Alternate the lengths of columns. Alternate the lengths of columns. the same applies to column lengths. should be shorter than the following. the to achieve variations in widths. same applies to column lengths. the same applies to column lengths.Typography Workshop INDENTING PARAGRAPHS The first paragraph already has enough attention (it is first). Alternate the lengths of columns. the same applies to column lengths. varying them from short to long. so there’s no need for the special treatment. same applies to column lengths. the same applies to column lengths. varying them from short to long.

Typography Workshop The page 2 October 2013 61 .

Typography Workshop DON’T USE TOO MANY TYPEFACES IN A DOCUMENT OR WEBSITE Tip 20 2 October 2013 62 .

Typography Workshop
DON’T USE MORE THAN 3 TYPE SIZES ON A PAGE !

Stand
first

Tip 21
Body
copy

Heading

2 October 2013 63

Typography Workshop
WHY THE GRID?

– They are practical, particularly for multi-page documents
– Help bring order to a page
– Make the production process quicker
– Make it easier to build visual consistency into the design
– Unite the practical with the aesthetic
– Frees up designer so they can concentrate on the detail

2 October 2013 64

Typography Workshop
WHY THE GRID?

“The grid system is an aid, not a
guarantee. It permits a number
of possible uses and each
designer can look for a solution
appropriate to his personal style.”
Josef Müller-Brockmann

2 October 2013 65

Europe and the United Kingdom. The robust property fundamentals experienced during the period ensured the Group’s overall investment portfolio performed well.6%. size and scale of our quality Olympus. Significantly. have provided net proceeds of $1. active asset management and diverse global operating platform are key components of Goodman’s business. These sales. Goodman’s investment portfolio gives it an ownership interest in 415 high quality industrial and business space properties in 18 countries around the world. we also recycled a number of properties owned by the Group and our managed funds.2 billion at 30 June 2013.1 billion space properties and located in Australia. Our customer focused approach. 2 October 2013 66 . Hong Kong size and scale of our quality portfolio. Our customer focused approach. Property While the value of Goodman’s investment portfolio remained constant for the period. Goodman Interlink.8 billion for reinvestment in new value of Goodman’s investment portfolio growth opportunities across our business. active asset management and diverse Ferntree Business Park.1 billion of cornerstone investments in its managed fund platform and other financial investments. 96 Melbourne. This was partially offset by the sell down of the Group’s holding in Goodman Australia Industrial Fund and the sale of investment properties. This includes the adaptive reuse of older style industrial properties. During the year.2bn benefit from the significant global demand for quality industrial property and business space experienced during the year. equating to $270 million of net property income. portfolio. The portfolio consists of the Group’s direct Industrial and business property investments. together with $3. Australia global operating platform are key components of Goodman’s business. coupled with the sell down of the Group’s fund cornerstone investments. They ensured we were able to % meet the needs of our customers and continued to 5. This was reflected in $ the 2. and pursuing higher and better use opportunities.9 million sqm of space that Goodman leased. reflecting an increase in our cornerstone investment investments through the growth in our third party assets under management. Goodman’s active asset management approach occupancy means that we continually review our properties and assess opportunities to reposition assets to achieve better performance. its composition changed. which is unchanged compared with the 2012 financial year.Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT 415 1 Group operations Goodman Group Securityholder Review 2013 T he value of Goodman’s investment portfolio was $5. which are valued at $2. Occupancy levels were maintained at a high 96% and we achieved like for like rental growth of 2.

reflecting an increase in our cornerstone investment investments through the growth in our third party assets under management. equating to $270 million of net property income. coupled with the sell down of the Group’s fund cornerstone investments. They ensured we were able to % meet the needs of our customers and continued to 5. This was reflected in $ the 2.1 billion space properties and located in Australia. Goodman’s investment portfolio gives it an ownership interest in 415 high quality industrial and business space properties in 18 countries around the world.9 million sqm of space that Goodman leased. Occupancy levels were maintained at a high 96% and we achieved like for like rental growth of 2. together with $3. size and scale of our quality Olympus.2bn benefit from the significant global demand for quality industrial property and business space experienced during the year. These sales. its composition changed. This was partially offset by the sell down of the Group’s holding in Goodman Australia Industrial Fund and the sale of investment properties. 96 Melbourne. Hong Kong size and scale of our quality portfolio. The robust property fundamentals experienced during the period ensured the Group’s overall investment portfolio performed well.2 billion at 30 June 2013. Europe and the United Kingdom. Goodman Interlink. have provided net proceeds of $1. which is unchanged compared with the 2012 financial year. portfolio.1 billion of cornerstone investments in its managed fund platform and other financial investments. Significantly. Property While the value of Goodman’s investment portfolio remained constant for the period. active asset management and diverse global operating platform are key components of Goodman’s business. Our customer focused approach. active asset management and diverse Ferntree Business Park. This includes the adaptive reuse of older style industrial properties.6%.Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT 415 3 Group operations Goodman Group Securityholder Review 2013 T he value of Goodman’s investment portfolio was $5. Uses a 12 column grid Our customer focused approach. 2 October 2013 67 . Australia global operating platform are key components of Goodman’s business. Goodman’s active asset management approach occupancy means that we continually review our properties and assess opportunities to reposition assets to achieve better performance. we also recycled a number of properties owned by the Group and our managed funds. During the year. which are valued at $2. The portfolio consists of the Group’s direct Industrial and business property investments. and pursuing higher and better use opportunities.8 billion for reinvestment in new value of Goodman’s investment portfolio growth opportunities across our business.

2 billion at 30 June 2013. Our customer focused approach. we also recycled a number of properties owned by the Group and our managed funds. Australia global operating platform are key components of Goodman’s business. These sales. This includes the adaptive reuse of older style industrial properties.Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT 415 5 Group operations Goodman Group Securityholder Review 2013 T he value of Goodman’s investment portfolio was $5. its composition changed. This was partially offset by the sell down of the Group’s holding in Goodman Australia Industrial Fund and the sale of investment properties. They ensured we were able to % meet the needs of our customers and continued to 5.1 billion space properties and located in Australia.8 billion for reinvestment in new value of Goodman’s investment portfolio growth opportunities across our business. Goodman’s investment portfolio gives it an ownership interest in 415 high quality industrial and business space properties in 18 countries around the world. During the year. Goodman Interlink. Uses a 12 column grid combined with a Our customer focused approach.6%. 96 Melbourne. active asset management and diverse global operating platform are key components of Goodman’s business. equating to $270 million of net property income. Significantly. size and scale of our quality Olympus. which is unchanged compared with the 2012 financial year. coupled with the sell down of the Group’s fund cornerstone investments.1 billion of cornerstone investments in its managed fund platform and other financial investments. have provided net proceeds of $1. reflecting an increase in our cornerstone investment investments through the growth in our third party assets under management. Property While the value of Goodman’s investment portfolio remained constant for the period. together with $3. The portfolio consists of the Group’s direct Industrial and business property investments. Europe and the United Kingdom. Goodman’s active asset management approach occupancy means that we continually review our properties and assess opportunities to reposition assets to achieve better performance. 14 row horizontal size and scale of our quality Hong Kong portfolio. which are valued at $2. active asset management and diverse Ferntree Business Park. Occupancy levels were maintained at a high 96% and we achieved like for like rental growth of 2. This was reflected in $ the 2. The robust property fundamentals experienced during the period ensured the Group’s overall investment portfolio performed well. and pursuing higher and better use opportunities. portfolio.9 million sqm of space that Goodman leased.2bn benefit from the significant global demand for quality industrial property and business space experienced during the year. 2 October 2013 68 .

Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT Results in 168 individual fields 2 October 2013 69 .

We have worked hard to build a specialist business of significant size and scale. driven by the focused and consistent execution of our business strategy and the accelerating momentum of our activities across Goodman’s key operating markets globally. New Zealand. The result we have delivered reflects the strength of Goodman’s brand and leading position as one of the world’s largest providers of prime industrial and business space. with the ongoing contribution from our international operations expected to grow even further over the medium-term. This gives Goodman a distinct competitive advantage and when combined with the global diversification of our business. This is a real point of differentiation. we are uniquely positioned to drive the future growth of our business. A key advantage of the geographic diversification of our business is the significant scope it gives Goodman to access a broad range of opportunities due to the different timing of economic cycles. which in turn provides greater stability of earnings. The global reach of Goodman’s operating platform has seen the contribution of our international businesses grow to 48% of operating earnings during the year. Asia. as the Group continues to build its capabilities in key logistics markets. This has enabled us to successfully complete major initiatives during the year and selectively undertake high quality projects in Goodman’s core markets to grow our business and add value for all stakeholders.Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT 9 Group CEO’s report Goodman Group Gregory Goodman Securityholder Review 2013 Group Chief Executive Officer Sustainable growth 48 % G oodman Group delivered a solid financial result in the 2013 financial year. Europe and North and South America. with earnings sourced outside Australia a quality product offering and proven capability which is able to service the diverse needs of our customers and secure attractive investment opportunities for our global capital partners. which consists of an operating platform now spanning Australia. 2 October 2013 70 .

and ahead of our initial 2013 financial year targets.4 ¢ The underlying performance from Goodman’s operations was a key strength of the 2013 financial Our experienced teams year. ensuring that the majority of new projects have customer pre- commitments in place and are pre-sold to Goodman’s managed funds or third parties. underpinned by robust demand. For the full year. which was reflected in our high occupancy and customer retention levels. Goodman delivered full year operating earnings of 32. in particular from the e-commerce. Our experienced teams around the world focused on the quality execution of our day to day around the world operational activities across all parts of the Goodman focused on the quality business. we retained our market leading position The result we have delivered reflects with solid activity levels. development activity in our Australian business remained strong with over $850 million of new commitments secured.4 cents per security. largest providers of prime industrial Importantly. reflecting the ongoing shortage of quality logistics space and the growing wealth of its population. with current development volume at approximately 600. M7 Business Hub. day operational activities. Through the efforts of our property teams. including the rapid growth in e-commerce. Sydney. Toll. representing an increase of 17% compared with the same period last year. consisting of a 14.000 sqm. Over the 12 month period.2 cents per security fully franked dividend from Goodman Limited. A major driver of our growing development activity is due to various structural changes taking place across the industrial sector globally. we delivered strong leasing results and ensured our customers received the highest standards of service. 32. greater supply chain efficiencies and consolidation by third party logistics providers. We entered the Brazilian logistics market during the period and strengthened our capital partner relationships. We have maintained our prudent development approach. up 6% and operating profit of $544 million. which has seen total assets under management across our leading position as one of the world’s European business increase to over $5 billion. Our development activity continues to grow in China.2 cents per security distribution from Goodman Industrial Trust and a 5. and day operational activities the significant growth in our development and across all parts of the operating earnings per security management businesses. Goodman continues to benefit from the high level Goodman business. of customer and investor demand for its development product. third the strength of Goodman’s brand and party logistics and automotive sectors.Typography Workshop WHY THE GRID? GOODMAN ANNUAL REPORT 11 Group CEO’s report continued Goodman Group Securityholder I Review 2013 n Europe.4 cents per security. This was reflected during the period through the robust property fundamentals execution of our day to we experienced. the Group focused on the measured and disciplined delivery of its initiatives and day to and business space. Australia 2 October 2013 71 . Goodman paid a total distribution and dividend of 19. our ability to capitalise on the undersupply of prime quality logistics space. raising significant new third party capital across our managed fund platform.

Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS Uses a 12pt baseline grid 2 October 2013 72 .

quam.1 INVESTMENT FOCUS Tum augait prate magna feum do velit augue dolortin er siscin mod er in enisl illupta tinisisl Tum augait prate magna feum do do exerciniam do Met non el utem eui te magna conum do exerciniam do dolorpe raessi. henis alisisisi bla aliquam alis iuscing el erit lumsan ullam dolorpe raessi. se et iustrud molum do commy eugue dunt in voluptat. tate dolore mod dolesenit. siscin henis alisisisi bla aliquam alis nullamcommy onsenim quipit irilismod ea facilla consenit. commodolore eu faci blam. er in enisl illupta tinisisl iuscing el erit lumsan ullam utpatem quamet prat niamet 3. dolesenit. quisit alit lut aliquam: summodigna atio dionsequatem irilismodiat nim consed duisisl doloreet autat euiscinibh exer in vulpute magna eugiamcommy nisi.1 INVESTMENT FOCUS Tum augait prate magna feum do do exerciniam do dolorpe raessi. wismodiam. quisi eugiat. Na feugait augait at. vercilla lumsan el diam niscili quisi. sustie enim in vulputat. quisi eugiat. Tio odolor amcommo dolenim duisissequis enim zzril diam elit wismodiam. consed duisisl doloreet autat augiat. sit nibh eumsandit num vel dolore velesequis euiscinibh iustrud molum do commy nonsecte conullaorero zzriliquate dolum vulputpatem Tio odolor amcommo dolenim ing et luptatie tinciduisit dolorem exer in vulpute magna alit enim augiamet nullut alit con hent vel essed exeraes equam. Ut luptat. eu faci blam. sustie summodigna atio dionsequatem hent vel essed exeraes equam. sustie enim in vulputat. velessed eugiam irilismodiat nim nibh elessi bla at. 7 column grid and a 7 row horizontal Executive 3. quam. se facipit lan niamet et accum quatum eraestrud tate dolore mod consequamet autat il dolenisim venim in hendre mod — Summy nos ad minim zzrit ut eriurem quisisi. se facipit lan ut eriurem quisisi. — Ut volorem quat prat loreet velit augue dolortin er siscin henis alisisisi bla aliquam alis summary nullamcommy nibh eumsandit num vel dolore velesequis euiscinibh exer in vulpute magna alit enim augiamet nullut alit lumsan el diam niscili quisi.1 INVESTMENT FOCUS Met non el utem eui te magna conum Numsandiatum dolor sequisissed tis nim dolut adiamet. se cor secte tem velestie dolor summodigna atio dionsequatem irilismodiat nim nibh elessi bla at. Na feugait augait at.1 INVESTMENT FOCUS Igna faccummod miniatum duis — Onsed dolut aute dolum velit vullaor aliquat et. — Onsed dolut aute dolum velit vullaor aliquat et. velessed eugiam iure magnibh eugiamcommy nisi. nibh elessi bla at. commodolore nos atum eu faccum eugue dunt duisissequis enim zzril diam elit am. sis zzriliquate dolum vulputpatem nos atum eu faccum eugiat. tis nim dolut adiamet. quis aut wis num dui blandre commy nonullandit 22/23 Section 1Macquarie Investment Management 5 (UK) Limited (MIMUK or the Manager) is launching the Macquarie European Uses a 12pt Ifrastructure Fund II (the fund or MEIF II) to take advantage of a growing number of investment baseline grid opportunities in the infrastructure sector within combined with a the expanding European Union. sit luptatie tatisl duisim vulla faciliq uissit inci blam. vercilla consequamet blandre commy nonullandit wisl am. sit ing et luptatie tinciduisit dolorem in voluptat.Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS CASE STUDIES 3. vel eum ilit volortie te magnim zzriustis nummolorer et accum quatum eraestrud Met non el utem eui te magna num ver sequamc onsenim quipit quam. consed duisisl doloreet dolut adiamet. Tio odolor amcommo dolenim augiat. se cor secte tem velestie dolor vulla faciliq uissit inci blam.1 INVESTMENT FOCUS 3. velessed eugiam zzriliquate dolum vulputpatem nos atum eu faccum eugue dunt in voluptat. 3.1 INVESTMENT FOCUS — Ut volorem quat prat loreet autat il dolenisim venim in hendre 3. quisit alit lu: — Summy nos ad minim zzrit utpatem quamet prat niamet et accum quatum eraestrud tate dolore mod dolesenit. quis aut wis num dui lumsan el diam niscili quisi. quisi Numsandiatum dolor sequisissed irilismod ea facilla consenit. sit luptatie tatisl duisim nullamcommy nibh eumsandit vel eum ilit volortie te magnim vulla faciliq uissit inci blam. Macquarie European Infrastructure Fund III 2 October 2013 73 . quisit alit lut aliquam: alit enim augiamet nullut alit — Summy nos ad minim zzrit utpatem quamet prat duisissequis enim zzril diam elit wismodiam. vercilla consequamet autat il dolenisim venim in hendre mod er in enisl illupta tinisisl iuscing el erit lumsan ullam vel eum ilit volortie te magnim zzriustis nummolorer iure magnibh eugiamcommy nisi. Ut luptat. sis et enim in vulputat. num vel dolore velesequis zzriustis nummolorer iure magnibh autat augiat. — Onsed dolut aute dolum velit cor secte tem velestie dolor nonsecte conullaorero con — Ut volorem quat prat loreet velit augue dolortin er Igna faccummod miniatum duis num ver sequamc vullaor aliquat et. sit luptatie tatisl duisim Numsandiatum dolor sequisissed tis nim Ut luptat.

Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS Regardless of point sizes all baselines align with the grid 2 October 2013 74 .

Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS Regardless of point sizes all baselines align with the grid 2 October 2013 75 .

Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS 2 October 2013 76 .

Typography Workshop THE BASELINE GRID MACQUARIE EUROPEAN INFRASTRUCTURE FUND PROSPECTUS 2 October 2013 77 .

aut faccatur sa consendignam quae nullat incte cus ditatecto 7 column grid 5 column grid 3 column grid 2 October 2013 78 . occum que cusapercima cus sum ut Abores que eum quia qui re. nemquiatiis este necto molectati inctios prem ium quostium quae enimustium que ne aut faccatur sa consendignam quae optis et is et re vellaci enisinu doluptatur. Nam. in et accus maionsecte el illorent. El idendendam. temquid ut lisque eum commole stiaes nihicim odipsam nosam vit. doluptatquos et dolupta tempostetur. cum aut la ipictorepuda dis illuptatur. sint parum est est esti nobis mo tem volorem et invenita core ipiet. audanim as eate cusdaepra nobis mo quamus. alibea ditiati atquia veleces veleces nienda etur molest. officid moluptati dem senihicatur deliqui blabo. in et accus Nam qui audis magnimp orestio Olorerores repe sequae. Incto dis minctur ibuscid ideliti umquam qui doluptiuntur laudipsus ut a il et latusam quiduciis orpostis sum et volor arcid ut ut None eatur moluptam eossit. It facit quodigeni diti il minum ius aut Elluptatibus earit parum undeseque volestrum None eatur moluptam eossit. aceaquid esedigenihit que quiandis Cienis doluptu mquost. Incimus nuscient que cusapercima cus sum ut omnit eosam. Udae reperuptium fuga. Iquias restiuscil moluptati dem aliqui senihicatur? Qui ut experitione de verferum vita consequi volorunt officiis is ut erum doluptae ut venimus maximusdam sitas pos dolendis aliquodit. venti dolut aut latur ruptassum quas deris eaquossecum. audanim corest. ium atur. ium atur. El et dolupta tempostetur. serspis sum el illorent. audanim corest. occum corum. Incimus ut enimusae nuscient venimus maximusdam sitas maximagnat. ium atur. serspis sum Olecum latinis aperum ditectur maximagnatur Olecum latinis aperum ditectur tempostetur. officid moluptati dem aliqui maximagnat eum facilla dolessi nonsedi denimi. doluptatur. aborepratat volorio nemquiatiis este Olecum latinis aperum ditectur vellaci enisinu sdaesequo cum quiaerciae sendus necto molectati optis et is et re vellaci maximagnatur ma nullum volore autem quodis magnien testium. odipsam nosam vit. quiant. odit fugiam qui bla quiam dolore ni consequ beaque quamus. Incimus et ea pa pelectur magnis el es sum quam fugit etur. cum videbist. ullectem rem eume nus as facilla ccatem untent. aceaquid dolut es aut quaeper feribusa dolupta tiatio od et Cienis doluptu mquost. officid moluptati dem aliqui Et esto et ut harchillupti optae senihicatur deliqui blabo. sequam adis aboreptat doluptatem vendignam ex eum evernam. sit. el illorent. volestrum resenis utemped quidelique vendignam ex eum evernam. orestio nsequas simintem duntusa iderores mos Olorerores repe sequae. od et est am untinimus dolorio. odi omniminim vellor doluptassed quo volori voluptate aut re nonsequam fugit magnatatis sam consequi idestem eum atur sum quam fugit Et esto et ut harchillupti optae eaque num rae labor aut adigeni resenis utemped quidelique suntiam sunt ideliti am utem veliquam. Sanda del ima es el magnis Olorerores repe sequae. Sanda del ima duntusa iderores mos doluptatquos od et est am untinimus dolorio. aborepratat volorio consendignam quae nullat incte cus ditatecto sendus autem quodis magnien testium. que cusapercima cus sum ut quaspellam. ipictorepuda dis illuptatur. odi late eum sime velicias aut omnihil undeseque volestrum resenis omniminim vellor am utem veliquam. consequo aut volorro que voloribus dolessi aessunt. quiant. venti dolut aut latur aut eumenih ex eum. ommo essequam. Nam. odit fugiam qui deris eaquossecum. odi Elluptatibus earit parum undeseque remoluptiae in ea doluptatem res ex eatque reicieni tem quam ommost velentio id ut entiandam re omniminim vellor am utem veliquam. consequo te omnis quibus Et esto et ut harchillupti optae soluptatium dolorio essimen deliqui blabo. nullat incte cus ditatecto inctios prem sdaesequo cum quiaerciae sendus ium quostium quae enimustium que ne autem quodis magnien testium. quiatatem que consequi dolupid Incto dis minctur ibuscid Genecti quis denihitius. reicieni tem quam ressend ellores vendignam ex eum evernam. Et a pratem videbist. harum que nimillu ptatem quia volupta nimillu ptatem quia volupta sincien veruptatia il intemos nis audita optatur. officid alit volor ad quo eris exped ma cone de verferum vita consequi ressit essimen deliqui blabo. velias sit enimusae modi simin rerepra saped molorio eosti molorio eosti omnit eosam. Min et imus rem se inctendis ut Elluptatibus earit parum None eatur moluptam eossit. sit. isciendam que volore laut ipsam utemped quidelique suntiam sunt quiditem reicili tiuntis sunt ut ipsanistem cori que nusdant Genecti quis denihitius. aspit. sitae de modi simin rerepra saped molorio eosti omnit ut venimus maximusdam sitas maximagnat eum quaspellam. sunt. sunt. volorro exerfernam fugia quas aut vid quod quas sincien iscipitati dolupti onecto inctur Caborib eature dolor aut re Caborib eature dolor aut re iscipitati dolupti onecto inctur atium deritaturem laborumque reped ipici veratem harum que nimillu ptatem quia volupta atium fuga. serspis sum es el magnis molores tincim nonem. cus ne asperro fuga. Nam. alit volor ad quo eris exped ma cone experitione de magnistiis a aut volorro que voloribus dolessi maximusdam sitas maximagnat eum nonseque iderumquos doluptam es de es de modi simin rerepra saped untent. sunt. ullectem rem corum. velias sit enimusae nuscient verferum vita consequi ressit volorunt officiis is ut nonsedi denimi. optatur. volorem et invenita core ipiet. sint parum est est esti quas as eate cusdaepra nobis mo tem itatem hil molori rernatum quas ni consequ aeptae explici beaque omni ipid quid modis dolorrorerum itatem hil molori rernatum quas as eate cusdaepra aeptae explici beaque quamus. di aliquam rem rest ex eum. ut optae. in et accus molores tincim nonem. nobitium ea videbist. officid moluptati untibus quat aliatemolore cumque ea nonsequam fugit magnatatis sam consequi cum quo volori voluptate aut re aspienet volor sequodis dolorio magnistiis a aut volorro que dis illuptatur. Iquias restiuscil soluptatium dolorio magnistiis a hillore sciusaperum re pel inimodi umquam qui doluptiuntur remoluptiae in ea laudipsus ut a il et latusam quiduciis res ex eatque idestem eum atur sum quam fugit etur. soluptatium dolorio magnistiis a aut Incimus ut venimus Et esto et ut harchillupti optae soluptatium volorro que voloribus dolessi nonsedi maximusdam sitas dolorio magnistiis a aut volorro que voloribus denimi. Sanda del maionsecte doluptat. velias sit enimusae nuscient fugia quas aut vid quod quas ipici veratem odipsam nosam vit. officid moluptati dem aliqui facilla ccatem untent. ut volecus si eaquossecum. alibea ditiati est am untinimus dolorio. El idendendam. Udae reperuptium fuga. Ovid et re. ium di aliquam rem rest ex eum. nobitium reicieni tem quam ressend ellores doluptassed Et esto et ut harchillupti optae soluptatium aspit. aspit. quod quas ipici veratem harum que eatia dolest alitist. voloribus dolessi nonsedi denimi. Iquias restiuscil ipictorepuda te omnis quibus alit volor ad quo nonsedi denimi. esti omnimagnamus cus. conse ipidus quae. It facit idestem eum atur maximus. quiditem reicili tiuntis sunt ut aspienet volor sequodis maximus. volorro sitiaspedit. audis magnimp orestio nsequas simintem aut quaeper feribusa dolupta tiatio atquia veleces nienda etur molest. velias sit aliqui senihicatur deliqui blabo. volorro exerfernam eume nus as eum commole stiaes nihicim as eum commole stiaes nihicim exerfernam fugia quas aut vid abo. cus ne asperro ruptassum quas Ovid et re. alibea ditiati atquia dolut es aut quaeper feribusa dolupta tiatio ipiet. ionsed quias non pelique enimus. ut optae. quiant. occum corum. erum doluptae nonseque iderumquos doluptam es senihicatur? Qui ut essimen deliqui blabo. ressend ellores doluptassed quo net harum et la sequos incimolorum quiditem reicili tiuntis sunt ut laudipsus suntiam sunt ideliti umquam qui nobitium ea nonsequam fugit volori voluptate aut re aspienet volor ut alia quia earum quam aribus ut a il et latusam quiduciis res ex eatque doluptiuntur remoluptiae in ea doluptatem magnatatis sam consequi cum sequodis maximus. aborepratat volorio maximagnatur ma nullum volore voloresti nemquiatiis este necto molectati optis et is et re dit. ullectem rem eume nus quaspellam. consequo te omnis quibus eris exped ma cone experitione dem aliqui senihicatur? Qui ut viti di suntibust labo. ma nullum volore voloresti dit. sint parum est est omnimagnamus cus. Optat facepta que verum quo eosam. Incto dis minctur ibuscid Genecti quis denihitius. nsequas simintem duntusa iderores ima es el magnis molores tincim mos doluptatquos et dolupta nonem. Incimus ut ccatem untent. It facit etur. Nam qui esedigenihit que quiandis dolut es Cienis doluptu mquost. Incimus ut venimus ressit volorunt officiis is ut erum doluptae nonseque iderumquos doluptam maximagnat eum facilla ccatem consequ aspi. maionsecte doluptat. optatur. cus ne asperro ruptassum quas deris Arum quiandantem endae ium di aliquam rem rest bla quiam dolore ni consequ aeptae explici aut eumenih itatem hil molori rernatum venti dolut aut latur aut eumenih odit fugiam qui bla quiam dolore con res recusdae etur. Arum quiandantem endae ium Ovid et re. idendendam. Arum quiandantem endae qui consendit volor autem fugitat Caborib eature dolor aut re sincien iscipitati dolupti onecto inctur atium fuga. aut faccatur sa enisinu sdaesequo cum quiaerciae voloresti dit.Typography Workshop USE ODD NUMBERED GRIDS TO ACHIEVE ASYMMETRIC LAYOUTS Genecti quis Genecti quis Et esto et ut harchillupti Genecti quis Tip 22 optae soluptatium dolorio denihitius denihitius magnistiis a aut volorro que voloribus dolessi denihitius nonsedi denimi. conse ipidus quae. conse ipidus quae. aceaquid esedigenihit que quiandis tem volorem et invenita core omnimagnamus cus. ut optae. corest. sit. Nam qui audis magnimp nienda etur molest.

Typography Workshop EXAMPLES ZEMBLA MAGAZINE 2 October 2013 79 .

Typography Workshop EXAMPLES ZEMBLA MAGAZINE 2 October 2013 80 .

Typography Workshop EXAMPLES ZEMBLA MAGAZINE 2 October 2013 81 .

Typography Workshop EXAMPLES GATEWAY BROCHURE 2 October 2013 82 .

Typography Workshop EXAMPLES GATEWAY BROCHURE 2 October 2013 83 .

Typography Workshop EXAMPLES OZ HARVEST ANNUAL REPORT 2 October 2013 84 .

Typography Workshop EXAMPLES OZ HARVEST ANNUAL REPORT 2 October 2013 85 .

Typography Workshop
EXAMPLES
EYE ANNUAL

2 October 2013 86

Typography Workshop
EXAMPLES
EYE ANNUAL

2 October 2013 87

Typography Workshop
EXAMPLES
AMPERSAND MAGAZINE

2 October 2013 88

Typography Workshop EXAMPLES AMPERSAND MAGAZINE 2 October 2013 89 .

Typography Workshop EXAMPLES AMPERSAND MAGAZINE 2 October 2013 90 .

Typography Workshop EXAMPLES AMPERSAND MAGAZINE 2 October 2013 91 .

Typography Workshop EXAMPLES POWERHOUSE MUSEUM 2 October 2013 92 .

Müller-Brockmann aisleone.net Typographic Design: Form and Communication thegridsystem.com Basic Typography Design with Letters thinkingform.org Carter. Day.Typography Workshop REFERENCES WEBSITES BOOKS typetoken.com J.net The Graphic Designer and His Design Problems swiss-miss. Meggs ilovetypography.com Ruedi Rüegg The Designer and the Grid Roberts/Thrift The New Typography Jan Tschichold Typography: Formation + Transformation Willi Kunz 2 October 2013 93 .

Typography Workshop Thanks 2 October 2013 94 .