Best New Typography Books 2019

Best New Typography Books 2019

When it comes to learning typography and refining your skills, there are plenty of excellent typography resources online, including articles provided by wtg.

But their are still numerous options offline that can provide a tangible feel and perhaps a more natural engagement via a handwritten book. In a fast-moving, increasingly digital world, it of course would help if they’re up-to-date.

With that in mind, we’ve brought together the best typography books that have been released this year, so far. All are both well-written and beautifully designed. So whether you’re a typography novice or a true veteran, you’re sure to find something here you like. If you do not currently own some of the typography books listed, we encourage you to purchase them and consider it as an investment towards your design related endeavors. Additionally, we of course have nothing against digital books and many of the books shown below are also available in Kindle format.

01. Typography: A Very Short Introduction, by Paul Luna

New to the discipline? Then Typography: A Very Short Introduction is a great place to start. 

Author Paul Luna, a professor at the University of Reading, begins by looking at where the letters we use today originated, and what the principles are that underly their design. 

He goes on to discuss topics such as layout, legibility, and picture language; the differences between type design for print and screen; the relationship between art and typography; and the reasons why key typographic decisions are made. 

Usefully, he offers plenty of real-world examples to make his points clear. For instance, in the chapter ‘Presenting language’, he harnesses the Shipping Forecast as an example of how different typographic presentations can enhance a text, and allow for different kinds of reading. 

Overall, this 176-page paperback takes a comprehensive and in-depth approach to the art and science of typography, and is written in a way that the ordinary person can easily follow. A great buy for typography beginners.

Take a Look: Typography: A Very Short Introduction, by Paul Luna


02. The Designer’s Dictionary of Type, by Sean Adams

The only two-term national president in AIGA’s history, designer and educator Sean Adams scored a big hit in 2017 with his Designer’s Dictionary of Color. Now comes his follow-up, The Designer’s Dictionary of Type, and it’s just as colorful, user-friendly and insightful. 

The 256-page hardback focuses on 48 common fonts, from classic typefaces such as Garamond and Helvetica to modern-day digital fonts including OCR-A and Keedy Sans. Adams takes a deep dive into each, describing their history, analysing their stylistic traits, and examining what they’re best used for, with lots of eye-candy examples (mainly from the world of print) sprinkled throughout. 

In short, this is an excellent foundational guide for any designer, and would be particularly useful for students looking to gain a understanding of the art, practice, and history of typography.

Take a Look: The Designer’s Dictionary of Type, by Sean Adams


03. The Big Book of Font Combinations: Hundreds of Typeface Pairing Ideas for Graphic Design & Typography Enthusiasts, by Douglas N Bonneville

Whenever you start a new design, it’s natural to reach for the same tried-and-tested font pairings you know will work. But that’s hardly going to help you get to somewhere unique and original. So why not flick through The Big Book of Font Combinations, which contains hundreds of typeface combinations you probably wouldn’t have considered, to get some fresh perspective?

Best of all, most of the typefaces featured in this 370-page hardback will probably be ones you already own. Basically, author Douglas Bonneville, a graphic designer and developer, has researched the most popular typefaces and combined them amongst themselves, yielding over 350 typeface pairings. He describes the book as like: “A sketchbook with some ideas filled in for you; the final masterpiece is up to you.”

Take a Look: The Big Book of Font Combinations: Hundreds of Typeface Pairing Ideas for Graphic Design & Typography Enthusiasts, by Douglas N Bonneville


04. Typography Essentials Revised and Updated: 100 Design Principles for Working with Type, by Ina Saltz

One of the most popular typography books for designers, Typography Essentials has been completely refreshed to mark its 10th anniversary, with updated text, new graphics and new photos. The book’s mission, however, remains the same: to distill, organize and compartmentalize the complex issues surrounding the effective use of typography. 

Written in an accessible style by Ina Saltz, an art director and former professor of design, this 208-page paperback is divided into four sections: The Letter, The Word, The Paragraph, and The Page. And as with all good reference books, it’s easy to dip in and out; you don’t have to read it from start to finish. 

The 100 principles cover a range of practical issues surrounding designing with type, and each is accompanied by nice-looking visual examples, taken from international books, magazines, posters, and more.

Take a Look: Typography Essentials Revised and Updated: 100 Design Principles for Working with Type, by Ina Saltz


05. Jan Tschichold and the New Typography: Graphic Design Between the World Wars, by Paul Stirton

To truly understand typography, you have to understand its history. And Jan Tschichold and the New Typography will certainly expand your knowledge of a pivotal period.

In this 272-page paperback, author Paul Stirton, an associate professor of modern European design history, offers a fascinating account of the life and work of legendary designer Jan Tschichold and the role he played in the creation of modern graphic design in Weimar Germany. 

Along the way, Stirton analyses his collections, including illustrations, advertisements and magazines, as well as books by well-known figures, such as Kurt Schwitters, El Lissitzky, Aleksandr Rodchenko and László Moholy-Nagy, and other lesser-known artist-designers.

And, as the title suggests, there’s a strong focus on the New Typography, a broad-based movement across Central Europe in which Tschichold played a crucial role, documenting its theory and practice in his 1928 book The New Typography, still regarded as a seminal text. 

Whether or not you’re familiar with the historical period and its iconic design figures, this brilliantly researched and engaging book will grip you from the outset.

Take a Look: Jan Tschichold and the New Typography: Graphic Design Between the World Wars, by Paul Stirton


If you want more Typography info, check out our Typography guides.


typography design
typography examples
typo inspiration
graphic design typography
book cover fonts
new typographics
typeograph
web typographer
typography book
history of typography
best fonts for books
free typography
best font for books
typography designs
typographics
font geek
learn typography
typography meaning
best book fonts
typographically
type book
anatomy of typefaces
best typography
creative typography
history of fonts
best book cover fonts
beautiful typography
script typography
essential cultures reviews
typographical means
essentials books
the new typography
children book fonts
book designers
best books on design
geek font
typography ideas
designing with type
fun typography
types of book
typography book covers
typographic com
typography history
learning typography
typographic art
types of typography
best typography books
best fonts for book covers
review of it
3 major western typefaces
typography rule
typography books
typography design ideas
typographic history
new typographic
best logo design books
textbook font
fonts for book covers
good typography
typographic ad
type books
history of typefaces
best font for book
typography designer
typographic book covers
just my type book
typographic designs
typographical layout
fonts geek
typogrophy
book cover typography
best books for graphic designers
fonts for books
typography rules
type of typography
19th century typography
typogrpahy
typographers
good typography examples
typography design inspiration
western letter fonts
new wave typography
great typography
arabic typography
typefaces history
western lettering fonts
tipography
best books for
good fonts for books
western typography
classic typefaces
typo art
typographics 2017
bible typography
classic type faces
eric gill typography
black and white typography
the essentials book
best font for a book
good book fonts
typographic book cover
famous typographers
the visual history of type
typography signs
design typography
typographie: a manual of design
typography games
books for designers
essentials book
typography designers
what is typography in graphic design
how to typography
typography article
typograpghy
letter typography
a type primer
best fonts for logos 2017
ebooks on graphic design
typographer list
font for books
typing web classic
books like obsidian
type of book
typographical design
three major western typefaces
best design books 2016
how to type a book
basics of typography
illustrated typography
typhography
principles of typography
2017 typography
cool book designs
famous typefaces
best graphic design books 2016
book type
typographer job
typography script
typography artists
what is typography art
best book design
font for book
visual novel fonts
famous typographer
interesting typography
typograpgy
typography poetry
designers and books
essential history books
books on typography
popular book fonts
designing a typeface
art typography
victorian typefaces
textbook fonts
fonts geek review
typography names
joanna typeface
turn of the century fonts
classic typography
typographic design inspiration
font books
milton glaser fonts
the future typography manual
typeface book
book of fonts
typography for beginners
type in any font
typeface books
the history of typography
anatomy of a typeface
best fonts for book titles
seminal books
mid century typography
the history of typefaces
best font 2017
mid century typefaces
best books on typography
typography handwritten
typography designs inspiration
what is a typographer
typography a
typefaces handwriting
classical typography
typographic graphic
modernist typefaces
how to create typography
best font for book text
interesting typefaces
typography study
how to learn typography
stop stealing sheep and learn how type works
sign typography
typography lettering
typography types
typography book design
detail in typography
bringhurst typography
book typography
good fonts for book covers
best font for reading books
best graphic design textbooks
punk typography
swiss punk typography
typography samples
evolution of typography
top graphic design book
best design books 2017
typography artist
letter a typography
new typography movement
good font for books
typography textbooks
typography book cover
famous typography
common fonts for books
classic book fonts
new perspectives in typography
milton glaser typefaces
typography postcards
most common fonts for books
typography and graphic design
good examples of typography
typographic books
famous book designers
typography in design
found typography
typographic covers
standard font for books
books about fonts
type design book
best font for books 2017
beautiful typefaces
mixing typefaces
learning typography by hand
what is typography design
best fonts for a book
typography covers
what font to use for a book
learn typography by hand
old western lettering styles
books font
swiss style typefaces
typeface designers
best typography design
historic typefaces
type this in
best book font
best mixing books
famous typography artists
typographical art
typography in art
typography workbook
best typeface for books
just my type a book about fonts
best geek books
typography as art
typography manual
typography cover
typography dictionary
designing type karen cheng
design books 2016
milton glaser typeface
typography designs tutorials
pop culture typography
typography writing
typography design tutorials
typography.
type a book
book about fonts
typographic style
book typefaces
great typography examples
why is typography important in graphic design
free fonts for book covers
weingart typography
typography in graphic design
lettering and typography
typography textbook
graphic design basics book
english typographer
typography studies
science fiction typography
typography design books
typographic studies
graphic design inspiration books
design process book examples
books about typography
typography theory
emil ruder typography
typographie a manual of design
intro book font
swiss graphic design book
best typographic posters
type typography
how to draw typography
a type primer 2nd edition
essential graphic design books
letting design
typography layout design
best fonts for print books
best typography posters
typography reference
typography letter
typeface specimen book
bastion history books
typography layout inspiration
old fashioned typography
list of famous typographers
most popular fonts for books
on type
any good books
typography specimen book
a type primer john kane
the complete manual of typography
understanding typography
most popular book fonts
famous typography designers
design books 2017
arabic love quotes in english letters
wolf book covers
mid century modern lettering
typography design book
the art of typography
examples of good typography
typography black and white
a visual history of typefaces and graphic styles
typographic mind
typeface graphic design
history of typography book
typography essay
typography design rules
book on typography
best book designers
best fonts for writing a book
best book typefaces
new graphic design book
type and typography
classic graphic design books
best book design 2016
how to design typography
top typography
i love bodoni book
typography practice sheets
must have design books
the big book of font combinations
typography booklet
anatomy of typography poster
old textbook font
typography handbook
best books to learn typography
best books about typography
best book on design
web typography book
best typography books 2014
best typography books 2017
books designers should read
best new typefaces
books fonts
great typography design
what is good typography
best typefaces for books
best typography books 2012
beginner typography
best graphic design books 2015
best books on hand lettering
novice to expert book
typographie book
about typography
best typography books for graphic designers
typography for dummies
historical typefaces
best typography books 2011
best book on typography for designers
best typography books 2015
typography letter i
the complete typographer
top typography books
designing with type the essential guide to typography
book of typography
english typography
my craft book
best arabic textbooks
what is typographic design
the best typography
best graphic design books of all time
typography amazon
best typographic book covers
graphic design history books
top 10 graphic design fonts
design best typography books 2017
typography artists designers
design with typography
good use of typography
emil ruder typographie pdf
essential visual history of the bible
best typography books of 2016
best typography graphic design books
best typography books tumblr
design originals craft books
the history of fonts
mead bold font free download
books type
20th century typography
what is typographic
typography emil ruder
history of typography fonts
arabic book design
origins of typography
typographic culture
victorian typography tutorial
best typography books only in german
best books typography fiction texts
typography books best picks
books with the same theme
best typography books for students
typographers on type
best typographers
typographic specimens
best books about history of typography
the best typography books
great typographic logos
typograph design
typography manifesto
can do crafts books
best typography for online books
good books on typography
manual of typography taschen
best typography for books
manual of typography
vintage typography books
best typography design books
fonts for book design
best typo ever
essential books for graphic designers
typography best fonts
history of type design
fonts & logos doyald young pdf
best books typography
thinking with type amazon
typography reference book
best design typography books
best books on the history of typography
best typography books for designers
designing typography
graphic design essentials book
best typography books 2018
graphic designing books for beginners
best books on typography for designers web mobile
robin williams typography
essays on typography
best typography books for beginners
basic typography rules
typefaces used in books
20th century typefaces
typography as design
typography artists names
best typography books reddit
typography graphic designer
best typography program
typography best books reddit
list of books and their themes
essential fonts for designers
typographical illustration
elegant craft
best graphic design typography books
designing with typography
20th century typographers
top 10 fonts for graphic designers
books for graphic design beginners
art with typography
elements of design essay
best book on typography
essential typefaces
best books for typography
graphic designers typography
best books on learning typography
best typography books free
best web typography books
best new typography books
best typography books 2016
typography books best
10 best books on typography
best typography books of all time
best books for learning typography
best typography for children’s books
best books on web typography
best typography art books
best typography books online
best vintage typography books
best books for typography design
best typography fonts for books
best typography books pdf
Usage of Vertical Typography for Web Design

Usage of Vertical Typography for Web Design

It’s easy to become bored with the ordinary – longing for something original and one-of-a-kind. That’s why common hero areas are bursting with eccentric ideas. They are aimed to not just impress, but also satisfy a user’s craving for creativity and originality.

However, animations and grandiose solutions are not the only things that can do the trick. Going off the beaten path with even the most trivial things can achieve the same effect. And vertical lettering is vivid proof of that. Becoming quite popular these days, it has grown into a tiny trend with some aces in the hole.

We do not see much use of vertical orientation in web design. Traditionally, it is a place where horizontal rhythm rules the roost, though this doesn’t mean that everything should revolve around it. As a rule, developers stick to the traditional models. However, diversity and deviation in habitual reading flow can be beneficial. What’s more, you do not need to take extreme measures. Small doses of vertical orientation are more than enough to produce a proper impact.

Archi Graphi

Here, the creative team has twisted the basic navigation by rotating it 90 degrees and reflecting it horizontally. You should read it from bottom to top – that is quite unusual, but intriguing. As a result, the welcome screen has got a zest without all of those overwhelming centerpieces. Also, note the top header: it feels incredibly spacious, and the logotype gets the overall attention by looking prominent without much effort. That is a smart approach.

Archi Graphi

Lydia Amaruch

There are some other exceptional examples where vertical lettering is like icing on the cake. Consider Lydia Amaruch and her online portfolio.

Much like in the case of Archi Graphi, here the usage of vertical rhythm is episodic but well-thought-out. There is a traditional streamlined horizontal navigation, but it includes just the essentials. All the rest has been pulled to sides – literally. They echo with vertical stripes on the back, creating a harmonious aesthetic.

Lydia Amaruch

Yo:Ha

Yo:Ha adopts the same approach. Whereas the main navigation is hidden behind the hamburger button, links to the homepage and social media stay on the surface. Again, notice the overall theme. Here, vertical rhythm can be seen in various details, such as the slider that is broken into three semi-transparent panels and elongated symbols. Consistency marks the design of this website.

Yo:Ha

Ivan Ibanez / Gothamsiti

Ivan Ibanez and the team behind Gothamsiti show us how to apply vertical orientation to the entire navigation. As it turns out, it is handy to use – to say nothing about its attention-grabbing look. Note, these two examples have different themes, moods, and atmospheres. But, vertical navigation fits like a glove in both cases.

The personal portfolio of Ivan Ibanez has a boxy vibe. There are hollow blocks, split layout, ultra-thin lines and lots of white space. The vertical navigation beautifully finishes off the design.

Ivan Ibanez

The creatives behind Gothamsiti’s design have positioned links around the perimeter of the hero area – placing each one in a corner. In this way, nothing distracts the attention from the mysterious and creepy welcome screen. At the same time, all the gateways are exposed, making users feel comfortable.

Gothamsiti

Prime Park Sessions

Let’s step away from navigation and explore examples of vertical lettering that is a part of the content.

Since vertical orientation looks a bit strange to the majority of us, it can be used to put an extra emphasis on the crucial things like, for example, a tagline. The idea can be seen in Prime Park Sessions. Here the nameplate of the agency is directed leftwards, just where we usually start to read. It also mirrors the vertical navigation on the right. As a result, the design feels complete and visually-interesting.

Prime Park Sessions

Luxury Villas

The team behind the design of Luxury Villas uses a vertical orientation for displaying the tagline. The latter is also provided with a relatively wide background so that it looks like a sidebar. Though it is not just an ordinary sidebar, it is a sidebar with zest. That is clever.

Luxury Villas

Kitamura Makura / Canatal

Another way of benefiting from the trend is to use it for headings. Consider Kitamura Makura and Canatal.

When it comes to telling a story, both teams prefer to focus the users’ attention on the vital things, such as content, rather than captions. Therefore, the headlines were moved to the right and rotated in 90 degrees, thereby naturally giving way to the text.

In the case of Kitamura Makura the caption has been pushed to the right edge, making it feel like a part of navigation. With Canatal, however, the caption is still a part of the block and overall design.

Kitamura Makura
Canatal

Protec / Building the Future

Protec and Building the Future have made things a bit more interesting by making vertical text a part of the entourage.

Protec features huge captions that stretch from top to bottom. They are carefully set aside and shown on the left side, giving the content top priority.

Protec

In the case of Building the Future, the vertical lettering is even bigger. However, here it plays merely a decorative role, strengthening the traditional caption featured at the top of the text block.

Regarding SEO, it is not a good practice since headlines should be a part of document hierarchy and enclosed in corresponding tags. However, sometimes you can go off the beaten path and win over customers with design rather than search ranking.

Building the Future

Kwok Yin Mak

While for the western world, vertical rhythm feels like something extraordinary and a viable trick to add zest to conventional designs, for our friends in the east it is the most natural thing. Let’s take a look at Kwok Yin Mak.

The design looks refreshing. The traditional black and white color scheme, lots of white space, logographs and of course vertical orientation make this interface look so special. The trend feels at home. However, even though we expect it to be here, the team behind the website has managed to save it from looking trivial.

Kwok Yin Mak

A Pleasant Surprise

Vertical lettering is a rare guest, yet a welcome one. It is safe to say, that in the universe of everything horizontal, it is a little light that makes us smile. It pleases the eye with an unexpected twist in reading flow and effortlessly brings the essential things into focus.

It is a simple way to make things interesting without reinventing the wheel and going the extra mile.

references: speckyboy

The Mystery of the Typographic Scale

Why these numbers? What relationships do they hold with one another? Is there some mythical secret held by the casters of the fonts of old? Why is it that when you combine 8, 10, 14 and 36 points of the font’s height, something beautiful happens? In an effort to better understand this list of numbers I did that which excites any warm-blooded designer – I played with typography.

In its infancy, typesetting was much less an avenue for creative expression than it is today. That isn’t to say there was no beauty in the work done, it was more a case of limitations of technology. Which is an odd thing to say, as it was because of this technology that the rules could exist in such a defined manner. The typesetting was deliberately strict because it was now possible for it to be so. When our letters went from being written by scribes to being moved by the typesetter, the creativity in the hand-crafting turned into an element to be held by a different group of hands.

The Typographic Scale

With this new ability to set size, spacing and layout in stone (or metal), it is no surprise that some habits became ruling and some rules became habit.

While we are now able to set our text size at whatever we please, in the time of the true font (metal type in one face at one size of one weight), a number of predefined sizes were the norm.

Note: At this point it is probably worth noting where I got the above scale from. It is the scale as dictated from The Elements of Typographic Style. Different applications use a variant of this scale, but because I got this book (my bible), I’m going with what Mr Bringhust gave us. And thy will shall be done.

I pondered the meaning of the sizes included in this historic scale that is now routinely found in virtually all applications that you let work with type. I wondered their relationships to one another. I tried to understand the increments and if a formula was used to get to these numbers. I wanted to figure out the secret in this list of points.

Then the obvious hit me

It hit me hard. It isn’t in the sizes of the fonts that relationships of hierarchy solely exists – that’s something for the aesthetic sensibilities of the typesetter to decide upon, not something to be spelled out by a list of numbers. No, the sizes were chosen because of convenience as much as they were because of some special, fancy-pants relationship they shared. The scale is more of a guide. A way of saying ‘if you stick with these sizes you’re given a hint to develop beautiful typography’.

Read almost anything on the typographic scale and it’s juxtaposed with the notes of music and it’s easy to see why. Imagine someone sitting down at a piano, having never played, but knowing that if they stick their finger on a key at one end and run it up to the opposite end, it’ll make a little bit of noise that may be considered musical. But really, it’s bit of a cop-out, isn’t it? Now imagine someone who knows how to handle those keys, those notes, sitting down and playing something befitting to a king. They play with the notes, they have them dance and swing together. The same can be said with the notes of the typographic scale handled by an artist whom knows their instrument.

While you might be able to go, bam! 8pt for body, 10pt for headings and 14pt for title, you’re really just emulating the amateur pianist’s fingering of the keys from one end to the other. Much like the musician who has the notes dance, it’s the time around those notes, the space around your text, that will make a real difference. This is where the scale gives you some more hints.

The notes of the typographic scale serve as a guide, as options that one can use, and if used properly, can create some beautiful music.

Of course, the other reason predetermined sizes would have become the norm is because it makes it easier for printers and typesetters and publishers to work. Much like all the printers of today work with Pantone colours, having most printers carry the same, or close to the same, fonts meant that things were easier for everyone from the typesetter who may have apprenticed at the print shop in another town, to the metalworker who could cast multiples of the same font and sell them to different clients, all of whom are safe in the knowledge that these fonts work because they’ve worked before, for that other printer. But I digress.

Body

I thought we’ll start with the body and work our ways up towards the title.

For the most part, a font-size of 8pt for body copy will suffice. Of course, it depends on the typeface chosen and how much text there needs to be on a page (especially in relation to page size and margins), but 8pt-10pt is a great range for body type.

Another safe bet is to set your leading to 10pt, or using the standard short-hand of 8/10pt. Leading is a delicate thing when it comes to large bodies of text, so you wouldn’t want to loosen it too much – 8/10pt, 9/11pt, 11/13, 12/15 (notice how it starts to get slightly bigger the larger the font? Knowing what size to set will come from experience with the font you’re using – some will need more, some less, but go with 120% and rounding up to the next whole number is another nice starting point) are all good pairs.

Most applications automatically set your leading to 120% of your font-size. While there is nothing wrong with this most of the time, working in whole numbers is something I prefer and it makes the next few rules about spacing a little easier to work out on the fly.

Another general rule is to use half to a whole line of your leading for space-after a paragraph, that is, if you aren’t indenting your first lines and avoiding space-after altogether. So 8/10pt will result in 5pt for space-after. Let’s see how that turns out.

Click here for a PDF document.

Comfortable, no?

Subheads

What is a body without a well proportioned head on its shoulders? If not treated correctly, it’s easy to end up with a monster befitting the labs of Frankenstein.

For this article, we’ll discuss two ways of setting subheads – setting in the same size as the body text, or setting it in a larger font-size.

If a subhead is to be set at the same size as the body text then it is up to spacing above and below to give it strength (plus a little flare if you’re daring, but we’ll get to that).

The space above and below works best when it is equal to that of a line of text (the leading value), or a clean multiple of it.

Click here for a PDF document.

The options being along the lines (see what I did there? Ha for me!) of:

5pt above and 5pt below – equalling one extra line
10pt above and 10pt below – equalling two extra lines
8pt above and 2pt below – one extra line
22pt above and 8pt below – three extra lines baby!

The first option is almost a last resort as 5pt is the same as our space after or body text, but
if you’re dying for space, this plus some styling is an option, but our third option of 8pt above, 2pt below is probably a better space saver. It’s just worth mentioning as a starting point of how spacing can work.

Don’t forget that our subhead belongs on the shoulders of our body – don’t put more space after it than before unless you’ve thought it through a smidge and are doing something more. It’s often also nice to have a little space after our subhead, but not much, just something of a chin.

The other option is to set the subhead at a larger size and, for arguments sake in this case, giving it some styling. Looking back at our scale, let’s try two options.

Click here for a PDF document.

We’ll start simple and subtle. Like our leading did, let’s jump two steps up on the scale for our subhead – 10/12pt.

As for styling? There are an infinite list of options really, but it’s always best to keep it simple. Typographers craft their fonts and a lot of work has gone into them before we load up our copy of InDesign. More work than we could ever imagine. They are strong as they are if you’ve chosen right and don’t need to have layers and layers of make-up on them. Treat them gingerly and with a little respect.

A few simple, respectful, options:

Small Caps, spaced generously at 75 (elegant)
U&LC, Italic (delicate)
U&LC Red (subtle)
U&LC, Bold, Red (strong)
Small Caps, spaced generously at 75, Red (confident)

Headings

The same rules as the above work here—make sure that your heads are stronger than your subs and body through generous spacing, an increase in size or stronger styling. This is probably starting to get to be obvious so I’ll keep it brief at this point – keep following some rules of the scale and you’ll do just fine.

Click here for a PDF document.

Example One
Head – 10/12 36pt above, 12pt below U&LC bold, Red.
Subhead – 10/12 8pt above, 4pt below, U&LC Italic.
Body – 8/10 0pt above, 5pt below.

In this example it is the spacing that gives strength as much as it is the red skin we’ve applied to our text. Even though our head is the same size/leading as our subhead, the red and spacing above and below give the line of text some extra strength.

Click here for a PDF document.

Example Two
Head – 14/14pt, 36pt Above, 10ppt below, Small Caps, spaced at 75.
Subhead – 10/12pt, 8pt Above, 4pt below, U&LC Italic.
Body – 8/10pt, 0pt above, 5pt below.

You’ll notice that example two is 14/14 rather than, say, 14/18. The reason for this lies in the Small Caps styling. Having our text as solid lines makes the space a lot less dynamic and the space looks very large. 14/14 gives a nicer look. Beautiful type without the use of colour. You’re client and printer will love you for this.

Title

Click here for a PDF document.

Ohhhhhhh yeah, 36-points-high. Big. Beautiful. Strong. That’s some sexy type right there.

At 36 points, our title is strong enough that no extra styling is required. U&LC, black. Simply stunning? To add too much styling, too much flare, will turn a piece of typography from strong to obnoxious.

Something worth keeping an eye on is the text that follows the title. In this case it is our heading, so I’ve left the before-spacing of the this line of text to do the work. However, should you run straight into body text (subhead will never come up), then consider adding extra space after.

A part of your kit

As I mentioned early in this article, the typographic scale is only part of your kit. On it’s own, you’ll get somewhere. But when you learn to use this instrument, you’ll do something beautiful. Whatever the reasoning behind the numbers chosen is beyond me (aside from aesthetics and the benefits of having defined sizes when metal type was a bigger industry), it serves as something closer to a map that outlines giant pieces of fruit and men with beards of bees. It makes for an interesting trip.

The values I outlined here are what works for me at this point in time. My tastes will no doubt change. I might prefer to go up a point here or there in a few months. I wasn’t trying to write a canon on the usage of the typographic scale. I’m only want to show an application or two of this scale and see what we can learn through a little exploration. You could of course make changes to this historic scale to suit your tastes and needs. But have reason for your decisions, whether they are strict or anything but.

 

reference: retinart