Universal Principles of Typography Masterclass

Your instructor: Elliot Jay Stocks
Tickets: Get a ticket ↓

Workshop includes:

Workshop, 5×2h + Q&A • Thu & Fri, March 2–16, 2023
09:00 – 11:30 AM PT (Pacific, US) (18:00 – 20:30 CET, Europe) • Check your time zone ⏰

We communicate with text every single day, but what does it mean to really understand type — to use it with clear intent and purpose? The art and science of typography combines subtle tweaks to line lengths with harmonious combinations of weights and styles; considered typeface pairings with a robust set of alternate characters; exciting technological advances with the realities of font licensing.

In three weeks, over five focussed sessions, you’ll gain a deep understanding of the universal principles of typography and learn how to apply them across any work you do with type, from the simplest of documents to the most complex of cross-platform design systems.

Here’s What You Should Be Expecting:

Interactive live sessions
5 × 2.5h live sessions

Practical insights
From simple documents to cross-platform design systems

Hands-on exercises
With reviews by your teacher

Life-time access
To all video recordings and examples

Dedicated Q&A time
To ask all your questions

Smashing Certificate
A well-deserved reward for your work

There are so many ways we as designers can optimise how our text is read and influence the way its message is understood — and yet so many of us miscommunicate without even realising.

Building upon tried-and-tested principles from the world of print through to the very latest advances in browser technology, this workshop will equip you with everything you need to make the most informed typographic decisions in your design work today.

$350 ^.00 $450^.00Register for this workshop →5 × 2h live sessions + Q&A. Mar 2–16.
With all video recordings & slides. Get a ticket.

🎪 Save up to 25% on this workshop with a Smashing Membership.

We’ll Cover:

Type anatomy and classification
Weights, styles, widths, and optical sizes — what they are, why you’d use them, and how to implement them properly (on the web and in print)
Line-height, line length (measure), letter-spacing (tracking), and kerning
Line-height considerations for cross-platform design systems
Why punctuation matters
Alternate glyphs & implementing OpenType features
Perceived size differences when swapping or pairing type, and the importance of x-height and the em square
How good typography is optical trickery: hanging punctuation, widows and orphans, indenting, incremental leading, and much more
The ultimate checklist for choosing and pairing type
Licensing type, and installing and managing fonts
Font delivery services vs. self-hosting
Loading and optimising web fonts
Using grade when designing for dark mode
Design systems, responsive type scales, and how optical sizes play a part
Getting the best out of variable fonts

Who is this workshop for?

This workshop is for interface designers, front-end designers and developers and anyone else who loves to learn everything about type and type for the web.

About Elliot Jay Stocks

Elliot is a designer with almost two decade’s experience working on the web and in print, known in typographic circles as the founder of 8 Faces magazine, the Creative Director of Adobe Fonts, and most recently the editor-in-chief of Google Fonts Knowledge.

Elliot and his work have been profiled in publications such as Communication Arts, Creative Review, and Page, and he is a familiar face at design and tech conferences all over the globe, including TYPO, Web Directions, SXSW, and SmashingConf.

Time & Schedule

This workshop is split over five days. The workshop sessions will run on the following days:

Thu, March 2, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
Fri, March 3, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
Thu, March 9, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
Fri, March 10, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)
Thu, March 16, 09:00 – 12:00 AM PT (18:00 – 21:00 CET)

You can always re-watch the sessions at a more convenient time and follow the workshop at your own pace.

$350 ^.00 $450^.00Register for this workshop →5 × 2h live sessions + Q&A. Mar 2–16.
With all video recordings & slides. Get a ticket.

🎪 Save up to 25% on this workshop with a Smashing Membership.